Programmēšana

Kas jauns React JavaScript lietotāja saskarnes bibliotēkā

Tagad pieejamais produkcijas laidienā, React JavaScript lietotāja saskarnes bibliotēkas 16.8 versijai ir āķi, kas ļauj izmantot stāvokļus un citas React funkcijas, nerakstot klasi.

Kur lejupielādēt React

React producton versiju varat lejupielādēt vietnē GitHub.

Pašreizējā versija: React 16.8 jaunās iespējas

React 168, kas tika izlaists 2019. gada februārī, nodrošina React’s DOM, DOM servera, testa renderētāja un sekla renderētāja āķu ieviešanu. Āķi tiek atbalstīti React DevTools. Izstrādātāji var izveidot savus āķus, lai koplietotu daudzkārt lietojamu stāvokļa loģiku starp komponentiem. Bet Facebook iesaka izstrādātājiem veltīt laiku šai iespējai, neiesakot izstrādātājiem pārrakstīt lietojumprogrammas, lai āķus izmantotu “pa nakti”.

No React nav plānots noņemt klases, tāpēc izstrādātājiem vajadzētu izmēģināt āķus dažos jaunos komponentos. Kods, izmantojot āķus, darbosies līdzās esošajam kodam, izmantojot klases.

Iepriekšējā versija: jaunas iespējas React 16.7

React 16.7, kas tika izlaists 2018. gada decembrī, papildina āķus ar iespēju izmantot State un citas React funkcijas, nerakstot klasi.

Āķi ir funkcijas, kas no funkciju sastāvdaļām saista reakcijas stāvokli un dzīves cikla funkcijas. Pašlaik viņi strādā līdzās esošajam kodam, ļaujot pakāpeniski to pieņemt. Nav plānots faktiski noņemt klases no React. Āķi atrisina dažādas reakcijas problēmas, tostarp:

  • Veids, kā komponentam piesaistīt atkārtoti lietojamu rīcību. Ir bijuši tādi modeļi kā renderēšanas rekvizīti un augstākas pakāpes komponenti, kas mēģina to atrisināt, taču tiem nepieciešama komponentu pārstrukturēšana, kas var būt apgrūtinoša un apgrūtina koda ievērošanu. Izmantojot āķus, izstrādātāji var iegūt komponenta stāvokļa loģiku neatkarīgai testēšanai un atkārtotai izmantošanai.
  • Kompleksie komponenti ir kļuvuši pārāk grūti saprotami. Izmantojot āķus, komponentus var sadalīt mazākās funkcijās, pamatojoties uz saistītiem gabaliem, piemēram, abonementa iestatīšana vai datu ielāde. Tas tiek darīts, nevis piespiežot sadalīšanu, pamatojoties uz dzīves cikla metodēm.
  • Nodarbības var sajaukt gan cilvēkus, gan mašīnas, un tās tiek uzskatītas par lielāko šķērsli React apguvei. Ar āķiem izstrādātāji var izmantot vairāk React funkciju bez nodarbībām. Āķi aptver funkcijas, bet neupurējot React garu. Tiek nodrošināta piekļuve obligātajām evakuācijas lūkām. Izstrādātājiem nav jāapgūst sarežģītas funkcionālas vai reaktīvas programmēšanas metodes.

Iepriekšējā versija: React 16.6 jaunās iespējas

React 16.6, kas tika izlaists 2018. gada oktobrī, nodrošina vairākus uzlabojumus.

  • Ar piezīme, izstrādātāji var atbrīvot no renderēšanas ar funkciju komponentiem, līdzīgi kā klases komponenti var atbrīvot no renderēšanas, ja ievades rekvizīti ir vienādi, izmantojot PureComponents vai vajadzētuComponentUpdate.
  • Ar slinks, izstrādātāji var izmantot Neziņa komponents koda sadalīšanai, iekļaujot dinamisko importu izsaukumā uz Reaģēt. Slinks (). Piezīme. Šī funkcija vēl nav pieejama servera puses renderēšanai.
  • Ērtības API tika ieviesta, lai patērētu konteksta vērtību no klases komponentiem. Izstrādātāji bija sūdzējušies, ka jaunās render prop API ieviešana no React 16.3 varētu būt sarežģīta klases komponentos.
  • Kļūdas metode, getDerivedStatefromError (), renderēšanas lietotāja saskarni renderē pirms renderēšanas pabeigšanas. Piezīme: servera puses renderēšanai tas vēl nav pieejams, taču izstrādātāji var sākt tam gatavoties.
  • Divas Stingrs režīms API ir novecojuši: findDOMNode () un mantoto kontekstu, izmantojot contextType un getChildContext. Izstrādātāji tiek aicināti jaunināt uz jauno contextType API.

Iepriekšējā versija: React 16.4 jaunās iespējas

React versija 16.4, kas tika izlaista 2018. gada maija beigās, papildina rādītāju notikumus, bieži pieprasīto funkciju, kā arī uzlabojumus gaidāmajai asinhronās atveides spējai. Pārlūkprogrammās, kas atbalsta rādītāju notikumus, ir Google Chrome, Mozilla Firefox, Microsoft Edge un Microsoft Internet Explorer versijas.

Rādītāju notikumi ir DOM notikumi, kas tiek aktivizēti rādītājierīcei, kas paredzēti, lai nodrošinātu viena notikuma modeli, lai apstrādātu tādas ierīces kā peli vai pieskārienu.

Ar atbalstu rādītāju notikumiem pakalpojums React pievieno atbalstu pasākumu veidiem, kas ietver:

  • onPointerDow
  • onPointerMove
  • onPointerUp
  • onPointerCancel
  • onGotPointerCapture
  • onLostPointerCapture
  • onPointerEnter
  • onPointerLeave
  • onPointerOver
  • onPointerOut

Citas jaunās iespējas React 16.4 ietver:

  • Uzlabota saderība ar plānoto asinhrono renderēšanas režīmu. Lai to izdarītu, laidienā ir ietverts kļūdu labojums getDerivedStatefromProps, kuru tagad sauc par katru reizi, kad ir nepieciešams kāds komponents, neatkarīgi no tā, kāpēc notiek atjaunināšana. Tas tika izsaukts tikai tad, ja kādu vecāku atveidoja kādu komponentu un vietējā vietne to nededzināja setState. Labojums neietekmē lielāko daļu lietotņu, taču retos gadījumos tas var radīt problēmas ar nelielu komponentu skaitu.
  • Ir pievienots eksperimentāls profilētāja komponents, ko sauc unstable_Profiler, veiktspējas mērīšanai.
  • Eksperimentālais saskaņotājs, lai izveidotu pielāgotus renderus, piedāvā jaunu resursdatora konfigurācijas formu, kas ir plakana un neizmanto ligzdotus objektus.
  • React DOM labojumi ietver tādas kļūdas labošanu, kas dažos gadījumos novērsa konteksta izplatīšanos, kā arī situāciju, kad daži atribūti tika nepareizi noņemti no pielāgoto elementu mezgliem.

Eksperimentālā zvana atgriešanas iespēja tika izdzēsta React versijā 16.4, jo tā ietekmēja paketes lielumu un API nebija pietiekami laba. Sagaidiet to kādā brīdī atpakaļ citā formā, saka Facebook.

Iepriekšējā versija: React 16.3 jaunās iespējas

React 2018. gada marta versijas 16.3 izlaidums rada izmaiņas dzīves ciklā, kā arī API kontekstam.

Dzīves cikla izmaiņas reakcijā 16.3

Komponentu dzīves ciklam gaidāmais asinhronās renderēšanas režīms izstiepj klases komponentes API modeli, kas tiek izmantots sākotnēji neparedzētos veidos. Tātad tiek pievienoti jauni dzīves cikli, ieskaitot getDerivedStateFromPropskā drošāku alternatīvu mantotajam dzīves ciklam, componentWillReceiveProps. Pievienots arī getSnapshotBeforeUpdate, lai atbalstītu drošu īpašību nolasīšanu, piemēram, DOM pirms atjauninājumu veikšanas.

React 16.3 arī pievieno “nedrošu” prefiksu dažiem no šiem dzīves cikliem, piemēram, uz componentWillMount un componentWillReceiveUpdate. Šādos gadījumos “nedrošs” neattiecas uz drošību, bet gan uz faktu, ka kodā, izmantojot šos dzīves ciklus, visticamāk, būs kļūdas nākamajās React versijās.

Izmantojot React 16.3 laidienu, izstrādātājiem nekas nav jādara par mantotajām metodēm. Izlaiduma mērķis ir mudināt atvērtā pirmkoda projektu uzturētājus atjaunināt savas bibliotēkas pirms brīdinājumiem par nolietojumu, kas tiks iespējoti tikai pēc nākamā laidiena 16.x rindā.

Versija 16.3 pievieno StrictMode komponents, kas identificē komponentus ar nedrošiem dzīves cikliem. StrictMode, kas darbojas tikai izstrādes režīmā, brīdina arī par mantoto virkņu ref API lietošanu un atklāj negaidītas blakusparādības. Tas aktivizē papildu pārbaudes pēcnācējiem. Vairāk funkcionalitātes tiks pievienotas vēlāk.

Konteksta API atbalsta statiskā tipa pārbaudi un dziļus atjauninājumus

Jaunā konteksta API atbalsta statiskā tipa pārbaudi un dziļus atjauninājumus. Šī API ir arī efektīvāka nekā iepriekšējā eksperimentālā API versija, sacīja Braiens Vons, Facebook React JS pamatkomandas loceklis. Konteksts ļauj datus nodot caur komponentu koku bez nepieciešamības manuāli nodot rekvizītus, no kuriem daži ietver lokalizācijas izvēli un lietotāja saskarnes tēmu. Vecā API turpinās darboties React 16.x izlaidumos, dodot lietotājiem laiku migrēt.

Arī jauns React 16.3:

  • Uzlabota API ar nosaukumu createrefAPI, lai pārvaldītu atsauces, kas nodrošina veidu, kā piekļūt renderēšanas metodē izstrādātajiem DOM mezgliem vai React elementiem.
  • The forwardRef API, palīdzot izmantot augstākas pakāpes komponentus, kas veicina koda atkārtotu izmantošanu.

Iepriekšējā versija: React 16.2 jaunās iespējas

React 16.2 2017. gada novembra izlaišana nodrošina fragmentu spēju uzlabot atbalstu, parādot vairākus bērnus no komponentu renderēšanas metodes. Fragmenti, kas atgādina tukšus JSX tagus, ļauj izstrādātājiem grupēt bērnu sarakstu, nepievienojot mezglus DOM.

Varat instalēt versiju 16.2 no NPM reģistra. Lai instalētu kopā ar Dzijas pakotņu pārvaldnieku, palaidiet dzija jāpievieno reak@)16.2.0. reakcija-dom@^ 16.2.0. Lai to instalētu ar NPM, palaidiet npm instalēt - saglabājiet reakciju@^ 16.2.0 reakcijas-domu@^ 16.2.0.

Iepriekšējā versija: React 16.0 jaunās iespējas

Izstrādes laikā dublēts kā “React Fiber”, 2017. gada septembra React 16.0 ir React kodola pārrakstīšana, uzlabojot uztveramo reaģētspēju sarežģītās lietojumprogrammās, izmantojot jaunu saskaņošanas algoritmu. Reakcijas 16 galvenās iezīmes ir:

  • Kļūdas, kurās ir komponenta kaudzes izsekošana, lai tās būtu vieglāk atkļūdot.
  • Stīgu / masīvu atgriešana tieši no komponentu renderēšanas metodēm.
  • Jauns ātrāks straumēšanas servera puses renderētājs.
  • Vairāk dzimtai līdzīgu lietojumprogrammu veiktspēja.
  • Pāreja no pretrunīgi vērtētās BSD + Patents licences uz patīkamāku MIT licenci.

Lai gan React iekšējie materiāli ir pilnībā pārrakstīti React 16, publiskā API ir "būtībā nemainīga", sacīja Sofijas Alperta, Facebook React inženieru menedžere. Mērķis bija glābt izstrādātājus no nepieciešamības pārrakstīt esošos komponentus, kas izveidoti, izmantojot React.

React 16 jaunais kods tika ierakstīts līdzās vecajam kodam GitHub repo, kā tas ir pazīstams Facebook praksē. Pārslēgšanās starp abiem tika veikta ar Būla useFiber iezīme karogs. Šis process ļāva Facebook sākt veidot savu jauno ieviešanu, neietekmējot esošos lietotājus, un turpināja kļūdu labojumus vecajā kodu bāzē.

Pēc dažiem mēnešiem pēc kļūdu atlīdzināšanas Facebook izvēlējās piegādāt vienu produktu, lai samazinātu iespējamo kļūdu kopumu, nevis saglabātu pašreizējās divas React versijas.

$config[zx-auto] not found$config[zx-overlay] not found