React Fiber: išsami suderinimo algoritmo analizė pasaulinio lygio vartotojo sąsajoms

Dinamiškame žiniatinklio kūrimo pasaulyje, kur vartotojų lūkesčiai dėl sklandžių, reaguojančių sąsajų nuolat auga, labai svarbu suprasti pagrindines technologijas, kurios palaiko mūsų programas. React, pirmaujanti JavaScript biblioteka vartotojo sąsajoms kurti, patyrė didelį architektūrinį pertvarkymą, įdiegus React Fiber. Tai ne tik vidinis refaktorinimas; tai revoliucinis šuolis, iš esmės pakeitęs, kaip React suderina pakeitimus, atveriant kelią galingoms naujoms funkcijoms, tokioms kaip lygiagretumo režimas (Concurrent Mode) ir „Suspense“.

Šis išsamus vadovas gilinasi į React Fiber, demistifikuodamas jo suderinimo algoritmą. Išnagrinėsime, kodėl Fiber buvo reikalingas, kaip jis veikia „po gaubtu“, jo gilų poveikį našumui ir vartotojo patirčiai bei ką tai reiškia kūrėjams, kuriantiems programas pasaulinei auditorijai.

React evoliucija: kodėl Fiber tapo būtinas

Prieš Fiber, React suderinimo procesas (kaip jis atnaujina DOM, kad atspindėtų programos būsenos pokyčius) buvo iš esmės sinchroniškas. Jis pereidavo per komponentų medį, apskaičiuodavo skirtumus ir pritaikydavo atnaujinimus vienu, nenutrūkstamu veiksmu. Nors tai buvo efektyvu mažesnėms programoms, šis požiūris turėjo reikšmingų apribojimų, kai programos augo sudėtingumu ir interaktyvumo reikalavimais:

• Pagrindinės gijos blokavimas: Dideli ar sudėtingi atnaujinimai blokuodavo naršyklės pagrindinę giją, sukeldami vartotojo sąsajos trūkčiojimą, praleistus kadrus ir lėtą vartotojo patirtį. Įsivaizduokite pasaulinę e. prekybos platformą, apdorojančią sudėtingą filtro operaciją, arba bendradarbiavimo dokumentų redaktorių, sinchronizuojantį pakeitimus realiuoju laiku tarp žemynų; užstrigusi vartotojo sąsaja yra nepriimtina.
• Prioritetų nebuvimas: Visi atnaujinimai buvo traktuojami vienodai. Kritinis vartotojo įvesties veiksmas (pvz., rašymas į paieškos laukelį) galėjo būti atidėtas dėl mažiau skubaus foninio duomenų gavimo, rodančio pranešimą, o tai kėlė nusivylimą.
• Ribotas pertraukiamumas: Pradėjus atnaujinimą, jo nebuvo galima pristabdyti ar atnaujinti. Dėl to buvo sunku įgyvendinti pažangias funkcijas, tokias kaip laiko skaidymas (time-slicing) ar skubių užduočių prioritetizavimas.
• Sunkumai su asinchroniniais vartotojo sąsajos modeliais: Tvarkingas duomenų gavimo ir įkėlimo būsenų valdymas reikalavo sudėtingų sprendimų, dažnai vedančių prie „krioklių“ (waterfalls) ar neidealių vartotojo srautų.

React komanda pripažino šiuos apribojimus ir pradėjo kelerius metus trukusį projektą, siekdama perkurti pagrindinį suderintoją. Rezultatas – Fiber, architektūra, sukurta nuo pagrindų, kad palaikytų inkrementinį atvaizdavimą, lygiagretumą ir geresnę atvaizdavimo proceso kontrolę.

Pagrindinės koncepcijos supratimas: kas yra Fiber?

Iš esmės, React Fiber yra visiškas React pagrindinio suderinimo algoritmo perrašymas. Jo pagrindinė naujovė yra galimybė pristabdyti, nutraukti ir atnaujinti atvaizdavimo darbą. Kad tai pasiektų, Fiber įveda naują vidinį komponentų medžio vaizdavimą ir naują atnaujinimų apdorojimo būdą.

Fiber kaip darbo vienetai

Fiber architektūroje kiekvienas React elementas (komponentai, DOM mazgai ir t. t.) atitinka Fiber. Fiber yra paprastas JavaScript objektas, vaizduojantis darbo vienetą. Galvokite apie jį kaip apie virtualų dėklo kadrą, tačiau jį valdo ne naršyklės iškvietimų dėklas, o pats React. Kiekvienas Fiber saugo informaciją apie komponentą, jo būseną, atributus (props) ir jo ryšį su kitais Fiber (tėvinis, vaikas, brolis/sesuo).

Kai React reikia atlikti atnaujinimą, jis sukuria naują Fiber medį, vadinamą „darbiniu“ (work-in-progress) medžiu. Tada jis suderina šį naują medį su esamu „dabartiniu“ (current) medžiu, nustatydamas, kokius pakeitimus reikia pritaikyti tikrajam DOM. Visas šis procesas yra suskaidytas į mažus, pertraukiamus darbo gabalus.

Nauja duomenų struktūra: susietasis sąrašas

Svarbu tai, kad Fiber yra sujungti į medžio struktūrą, tačiau viduje jie primena vienpusį susietąjį sąrašą, kad būtų galima efektyviai pereiti per juos suderinimo metu. Kiekvienas Fiber mazgas turi rodykles:

• child: Rodo į pirmąjį vaiką Fiber.
• sibling: Rodo į kitą brolį/seserį Fiber.
• return: Rodo į tėvinį Fiber (grįžtamąjį Fiber).

Ši susietojo sąrašo struktūra leidžia React pereiti per medį gilyn, o tada grįžti atgal, lengvai pristabdant ir atnaujinant darbą bet kuriame taške. Šis lankstumas yra Fiber lygiagretumo galimybių pagrindas.

Dvi Fiber suderinimo fazės

Fiber suderinimo procesą suskaido į dvi atskiras fazes, leidžiančias React atlikti darbą asinchroniškai ir nustatyti užduočių prioritetus:

1 fazė: atvaizdavimo/suderinimo fazė (darbinis medis)

Ši fazė taip pat žinoma kaip „darbo ciklas“ arba „atvaizdavimo fazė“. Čia React pereina per Fiber medį, atlieka skirtumų nustatymo algoritmą (identifikuoja pakeitimus) ir sukuria naują Fiber medį (darbinį medį), kuris atspindi būsimą vartotojo sąsajos būseną. Ši fazė yra pertraukiama.

Pagrindinės operacijos šios fazės metu:

• Atributų ir būsenos atnaujinimas: React apdoroja naujus atributus ir būseną kiekvienam komponentui, iškviesdamas gyvavimo ciklo metodus, tokius kaip getDerivedStateFromProps, arba funkcinių komponentų kūnus.
• Vaikų skirtumų nustatymas: Kiekvienam komponentui React palygina jo dabartinius vaikus su naujais vaikais (gautais atvaizdavimo metu), kad nustatytų, ką reikia pridėti, pašalinti ar atnaujinti. Čia liūdnai pagarsėjęs „key“ atributas tampa gyvybiškai svarbus efektyviam sąrašų suderinimui.
• Šalutinių poveikių žymėjimas: Užuot iš karto atlikęs faktines DOM mutacijas ar iškvietęs `componentDidMount`/`Update`, Fiber pažymi Fiber mazgus „šalutiniais poveikiais“ (pvz., `Placement`, `Update`, `Deletion`). Šie poveikiai surenkami į vienpusį susietąjį sąrašą, vadinamą „efektų sąrašu“ arba „atnaujinimų eile“. Šis sąrašas yra lengvas būdas saugoti visas būtinas DOM operacijas ir gyvavimo ciklo iškvietimus, kurie turi įvykti po atvaizdavimo fazės pabaigos.

Šios fazės metu React neliečia tikrojo DOM. Jis sukuria vaizdą to, kas bus atnaujinta. Šis atskyrimas yra labai svarbus lygiagretumui. Jei gaunamas aukštesnio prioriteto atnaujinimas, React gali atmesti iš dalies sukurtą darbinį medį ir pradėti iš naujo su skubesne užduotimi, nesukeldamas matomų neatitikimų ekrane.

2 fazė: įvykdymo fazė (pakeitimų taikymas)

Kai atvaizdavimo fazė sėkmingai baigiama ir visas darbas tam tikram atnaujinimui yra apdorotas (arba jo dalis), React pereina į įvykdymo (commit) fazę. Ši fazė yra sinchroniška ir nenutrūkstama. Čia React paima sukauptus šalutinius poveikius iš darbinio medžio ir pritaiko juos tikrajam DOM bei iškviečia atitinkamus gyvavimo ciklo metodus.

Pagrindinės operacijos šios fazės metu:

• DOM mutacijos: React atlieka visas būtinas DOM manipuliacijas (elementų pridėjimą, pašalinimą, atnaujinimą) remdamasis `Placement`, `Update` ir `Deletion` efektais, pažymėtais ankstesnėje fazėje.
• Gyvavimo ciklo metodai ir „Hooks“: Būtent tada iškviečiami metodai, tokie kaip `componentDidMount`, `componentDidUpdate`, `componentWillUnmount` (pašalinimams) ir `useLayoutEffect` atgalinio ryšio funkcijos. Svarbu, kad `useEffect` atgalinio ryšio funkcijos yra suplanuotos vykdyti po to, kai naršyklė nupieš vaizdą, suteikiant neblokuojantį būdą atlikti šalutinius poveikius.

Kadangi įvykdymo fazė yra sinchroniška, ji turi būti atlikta greitai, kad nebūtų blokuojama pagrindinė gija. Būtent todėl Fiber iš anksto apskaičiuoja visus pakeitimus atvaizdavimo fazėje, leisdamas įvykdymo fazei būti greitu, tiesioginiu tų pakeitimų pritaikymu.

Pagrindinės React Fiber naujovės

Dviejų fazių požiūris ir Fiber duomenų struktūra atveria gausybę naujų galimybių:

Lygiagretumas ir pertraukimas (laiko skaidymas)

Svarbiausias Fiber pasiekimas yra lygiagretumo įgalinimas. Užuot apdorojęs atnaujinimus kaip vieną bloką, Fiber gali suskaidyti atvaizdavimo darbą į mažesnius laiko vienetus (laiko skaidinius). Tada jis gali patikrinti, ar yra kokių nors aukštesnio prioriteto darbų. Jei taip, jis gali pristabdyti dabartinį žemesnio prioriteto darbą, pereiti prie skubios užduoties, o vėliau atnaujinti pristabdytą darbą arba net jį visiškai atmesti, jei jis nebeaktualus.

Tai pasiekiama naudojant naršyklės API, tokius kaip `requestIdleCallback` (žemo prioriteto foniniams darbams, nors React dažnai naudoja pasirinktinį planuoklį, pagrįstą `MessageChannel`, patikimesniam planavimui įvairiose aplinkose), kuris leidžia React grąžinti valdymą naršyklei, kai pagrindinė gija yra laisva. Šis bendradarbiaujantis daugiafunkciškumas užtikrina, kad skubios vartotojo sąveikos (pvz., animacijos ar įvesties valdymas) visada būtų prioritetizuojamos, o tai lemia pastebimai sklandesnę vartotojo patirtį net ir mažiau galinguose įrenginiuose ar esant didelei apkrovai.

Prioritetizavimas ir planavimas

Fiber įveda patikimą prioritetizavimo sistemą. Skirtingų tipų atnaujinimams galima priskirti skirtingus prioritetus:

• Momentinis/sinchroniškas (Immediate/Sync): Kritiniai atnaujinimai, kurie turi įvykti nedelsiant (pvz., įvykių tvarkytojai).
• Vartotoją blokuojantis (User Blocking): Atnaujinimai, kurie blokuoja vartotojo įvestį (pvz., teksto įvedimas).
• Normalus (Normal): Standartiniai atvaizdavimo atnaujinimai.
• Žemas (Low): Mažiau kritiniai atnaujinimai, kuriuos galima atidėti.
• Laisvas (Idle): Foninės užduotys.

React vidinis Scheduler paketas valdo šiuos prioritetus, spręsdamas, kurį darbą atlikti toliau. Pasaulinei programai, aptarnaujančiai vartotojus su skirtingomis tinklo sąlygomis ir įrenginių galimybėmis, šis protingas prioritetizavimas yra neįkainojamas norint išlaikyti reaktyvumą.

Klaidų ribos (Error Boundaries)

Fiber gebėjimas pertraukti ir atnaujinti atvaizdavimą taip pat įgalino patikimesnį klaidų tvarkymo mechanizmą: klaidų ribas. React klaidų riba yra komponentas, kuris pagauna JavaScript klaidas bet kurioje savo vaikų komponentų medžio vietoje, registruoja tas klaidas ir rodo atsarginę vartotojo sąsają, užuot sugriovus visą programą. Tai labai padidina programų atsparumą, neleidžiant vienai komponento klaidai sutrikdyti visos vartotojo patirties skirtinguose įrenginiuose ir naršyklėse.

„Suspense“ ir asinchroninė vartotojo sąsaja

Viena iš įdomiausių funkcijų, sukurtų ant Fiber lygiagretumo galimybių pagrindo, yra „Suspense“. „Suspense“ leidžia komponentams „palaukti“ kažko prieš atvaizdavimą – dažniausiai duomenų gavimo, kodo skaidymo ar vaizdų įkėlimo. Kol komponentas laukia, „Suspense“ gali rodyti atsarginę įkėlimo vartotojo sąsają (pvz., suktuką). Kai duomenys ar kodas yra paruošti, komponentas atvaizduojamas. Šis deklaratyvus požiūris žymiai supaprastina asinchroninius vartotojo sąsajos modelius ir padeda pašalinti „įkėlimo krioklius“, kurie gali pabloginti vartotojo patirtį, ypač vartotojams su lėtesniais tinklais.

Pavyzdžiui, įsivaizduokite pasaulinį naujienų portalą. Su „Suspense“ NewsFeed komponentas galėtų laukti, kol bus gauti jo straipsniai, rodydamas scheminį įkėlimo vaizdą (skeleton loader). AdBanner komponentas galėtų laukti, kol bus įkeltas jo reklamos turinys, rodydamas vietos rezervavimo ženklą. Jie gali įsikelti nepriklausomai, o vartotojas gauna progresyvią, mažiau trikdančią patirtį.

Praktinės pasekmės ir nauda kūrėjams

Supratimas apie Fiber architektūrą suteikia vertingų įžvalgų optimizuojant React programas ir išnaudojant visą jų potencialą:

• Sklandesnė vartotojo patirtis: Akivaizdžiausia nauda – sklandesnė ir labiau reaguojanti vartotojo sąsaja. Vartotojai, nepriklausomai nuo jų įrenginio ar interneto greičio, patirs mažiau užstrigimų ir trūkčiojimų, o tai lems didesnį pasitenkinimą.
• Pagerintas našumas: Sumaniai prioritetizuodamas ir planuodamas darbą, Fiber užtikrina, kad kritiniai atnaujinimai (pvz., animacijos ar vartotojo įvestis) nebūtų blokuojami mažiau skubių užduočių, o tai lemia geresnį suvokiamą našumą.
• Supaprastinta asinchroninė logika: Funkcijos, tokios kaip „Suspense“, drastiškai supaprastina, kaip kūrėjai valdo įkėlimo būsenas ir asinchroninius duomenis, o tai lemia švaresnį, lengviau prižiūrimą kodą.
• Patikimas klaidų tvarkymas: Klaidų ribos daro programas atsparesnes, užkertant kelią katastrofiškiems gedimams ir suteikiant grakštų degradacijos patyrimą.
• Ateities užtikrinimas: Fiber yra pagrindas būsimoms React funkcijoms ir optimizavimams, užtikrinantis, kad šiandien sukurtos programos galės lengvai pritaikyti naujas galimybes, kai ekosistema vystysis.

Gilesnė suderinimo algoritmo pagrindinės logikos analizė

Trumpai aptarkime pagrindinę logiką, kaip React identifikuoja pakeitimus Fiber medyje atvaizdavimo fazės metu.

Skirtumų nustatymo algoritmas ir euristika („key“ atributo vaidmuo)

Lygindamas dabartinį Fiber medį su nauju darbiniu medžiu, React naudoja euristikų rinkinį savo skirtumų nustatymo algoritmui:

1. Skirtingi elementų tipai: Jei elemento tipas pasikeičia (pvz., <div> tampa <p>), React pašalina seną komponentą/elementą ir sukuria naują nuo nulio. Tai reiškia seno DOM mazgo ir visų jo vaikų sunaikinimą.
2. Tas pats elemento tipas: Jei tipas yra tas pats, React žiūri į atributus. Jis atnaujina tik pasikeitusius atributus esamame DOM mazge. Tai labai efektyvi operacija.
3. Vaikų sąrašų suderinimas (key atributas): Čia key atributas tampa nepakeičiamas. Suderindamas vaikų sąrašus, React naudoja raktus (keys), kad nustatytų, kurie elementai pasikeitė, buvo pridėti ar pašalinti. Be raktų, React gali neefektyviai perkurti ar perrikiuoti esamus elementus, sukeldamas našumo problemų ar būsenos klaidų sąrašuose. Unikalus, stabilus raktas (pvz., duomenų bazės ID, o ne masyvo indeksas) leidžia React tiksliai suderinti elementus iš seno sąrašo su nauju, įgalinant efektyvius atnaujinimus.

Fiber dizainas leidžia šias skirtumų nustatymo operacijas atlikti inkrementiškai, prireikus pristabdant, kas nebuvo įmanoma su senuoju dėklo (Stack) suderintoju.

Kaip Fiber tvarko skirtingų tipų atnaujinimus

Bet koks pakeitimas, kuris sukelia perpiešimą React aplinkoje (pvz., `setState`, `forceUpdate`, `useState` atnaujinimas, `useReducer` išsiuntimas), inicijuoja naują suderinimo procesą. Kai įvyksta atnaujinimas, React:

1. Suplanuoja darbą: Atnaujinimas pridedamas į eilę su konkrečiu prioritetu.
2. Pradeda darbą: Planuoklis (Scheduler) nustato, kada pradėti apdoroti atnaujinimą, atsižvelgdamas į jo prioritetą ir turimus laiko intervalus.
3. Pereina per Fiber: React pradeda nuo šakninio Fiber (arba artimiausio bendro atnaujinto komponento protėvio) ir eina žemyn.
4. beginWork funkcija: Kiekvienam Fiber, React iškviečia beginWork funkciją. Ši funkcija yra atsakinga už vaikų Fiber kūrimą, esamų vaikų suderinimą ir galbūt grąžina rodyklę į kitą apdorojamą vaiką.
5. completeWork funkcija: Kai visi Fiber vaikai yra apdoroti, React „užbaigia“ darbą tam Fiber, iškviesdamas completeWork. Čia žymimi šalutiniai poveikiai (pvz., reikia DOM atnaujinimo, reikia iškviesti gyvavimo ciklo metodą). Ši funkcija kyla aukštyn nuo giliausio vaiko link šaknies.
6. Efektų sąrašo kūrimas: Vykstant completeWork, kuriamas „efektų sąrašas“ – visų Fiber, turinčių šalutinių poveikių, kurie turi būti pritaikyti įvykdymo fazėje, sąrašas.
7. Įvykdymas (Commit): Kai šakninio Fiber completeWork yra baigtas, peržiūrimas visas efektų sąrašas ir atliekamos faktinės DOM manipuliacijos bei galutiniai gyvavimo ciklo / efektų iškvietimai.

Šis sistemingas, dviejų fazių požiūris su pertraukiamumu pačioje šerdyje užtikrina, kad React gali grakščiai valdyti sudėtingus vartotojo sąsajos atnaujinimus, net ir labai interaktyviose ir duomenų reikalaujančiose pasaulinėse programose.

Našumo optimizavimas atsižvelgiant į Fiber

Nors Fiber žymiai pagerina įgimtą React našumą, kūrėjai vis dar atlieka lemiamą vaidmenį optimizuojant savo programas. Fiber veikimo supratimas leidžia taikyti labiau pagrįstas optimizavimo strategijas:

• Memoizacija (React.memo, useMemo, useCallback): Šie įrankiai neleidžia nereikalingai perpiešti komponentų ar perskaičiuoti verčių, įsimindami jų išvestį. Fiber atvaizdavimo fazė vis tiek apima komponentų perėjimą, net jei jie nepasikeičia. Memoizacija padeda praleisti darbą šioje fazėje. Tai ypač svarbu didelėms, duomenimis pagrįstoms programoms, aptarnaujančioms pasaulinę vartotojų bazę, kur našumas yra kritinis.
• Kodo skaidymas (React.lazy, Suspense): Naudojant „Suspense“ kodo skaidymui užtikrinama, kad vartotojai atsisiųstų tik tą JavaScript kodą, kurio jiems reikia bet kuriuo momentu. Tai gyvybiškai svarbu gerinant pradinį įkėlimo laiką, ypač vartotojams su lėtesniu interneto ryšiu besivystančiose rinkose.
• Virtualizacija: Rodant didelius sąrašus ar lenteles (pvz., finansų prietaisų skydelį su tūkstančiais eilučių ar pasaulinį kontaktų sąrašą), virtualizacijos bibliotekos (pvz., `react-window` ar `react-virtualized`) atvaizduoja tik matomoje srityje esančius elementus. Tai dramatiškai sumažina Fiber, kuriuos React turi apdoroti, skaičių, net jei pagrindinis duomenų rinkinys yra didžiulis.
• Profiliavimas su React DevTools: React DevTools siūlo galingas profiliavimo galimybes, kurios leidžia vizualizuoti Fiber suderinimo procesą. Galite matyti, kurie komponentai yra atvaizduojami, kiek laiko trunka kiekviena fazė ir identifikuoti našumo kliūtis. Tai nepakeičiamas įrankis derinant ir optimizuojant sudėtingas vartotojo sąsajas.
• Vengti nereikalingų atributų pakeitimų: Būkite atidūs perduodami naujus objektų ar masyvų literālus kaip atributus kiekvieno atvaizdavimo metu, jei jų turinys semantiškai nepasikeitė. Tai gali sukelti nereikalingus vaikų komponentų perpiešimus net ir su `React.memo`, nes nauja nuoroda yra matoma kaip pakeitimas.

Žvilgsnis į ateitį: React ateitis ir lygiagretumo funkcijos

Fiber nėra tik praeities pasiekimas; tai yra React ateities pagrindas. React komanda toliau stato ant šios architektūros, kad pateiktų galingas naujas funkcijas, dar labiau praplečiančias, kas įmanoma žiniatinklio vartotojo sąsajų kūrime:

• React serverio komponentai (RSC): Nors tai nėra tiesioginė Fiber kliento pusės suderinimo dalis, RSC naudoja komponentų modelį, kad atvaizduotų komponentus serveryje ir transliuotų juos klientui. Tai gali žymiai pagerinti pradinį puslapio įkėlimo laiką ir sumažinti kliento pusės JavaScript paketus, kas ypač naudinga pasaulinėms programoms, kur tinklo delsa ir paketų dydžiai gali labai skirtis.
• „Offscreen API“: Šis būsimas API leidžia React atvaizduoti komponentus už ekrano ribų, nepaveikiant matomos vartotojo sąsajos našumo. Tai naudinga scenarijams, tokiems kaip skirtukų sąsajos, kur norite išlaikyti neaktyvius skirtukus atvaizduotus (ir galbūt iš anksto atvaizduotus), bet ne vizualiai aktyvius, užtikrinant momentinius perėjimus, kai vartotojas perjungia skirtukus.
• Patobulinti „Suspense“ modeliai: Ekosistema aplink „Suspense“ nuolat vystosi, teikdama sudėtingesnius būdus valdyti įkėlimo būsenas, perėjimus ir lygiagretų atvaizdavimą dar sudėtingesniems vartotojo sąsajos scenarijams.

Šios naujovės, visos pagrįstos Fiber architektūra, yra sukurtos tam, kad aukšto našumo, turtingų vartotojo patirčių kūrimas būtų lengvesnis ir efektyvesnis nei bet kada anksčiau, pritaikomas įvairioms vartotojų aplinkoms visame pasaulyje.

Išvada: šiuolaikinio React įvaldymas

React Fiber yra monumentalus inžinerinis pasiekimas, kuris pavertė React iš galingos bibliotekos į lanksčią, ateičiai paruoštą platformą šiuolaikinėms vartotojo sąsajoms kurti. Atsiejus atvaizdavimo darbą nuo įvykdymo fazės ir įdiegus pertraukiamumą, Fiber padėjo pagrindus naujai lygiagretumo funkcijų erai, vedančiai prie sklandesnių, labiau reaguojančių ir atsparesnių žiniatinklio programų.

Kūrėjams gilus Fiber supratimas yra ne tik akademinis pratimas; tai strateginis pranašumas. Jis suteikia jums galimybę rašyti našesnį kodą, efektyviai diagnozuoti problemas ir naudotis pažangiausiomis funkcijomis, kurios suteikia neprilygstamą vartotojo patirtį visame pasaulyje. Toliau kurdami ir optimizuodami savo React programas, atminkite, kad jų šerdyje slypi sudėtingas Fiber šokis, kuris sukuria magiją, leidžiančią jūsų vartotojo sąsajoms greitai ir grakščiai reaguoti, nepriklausomai nuo to, kur yra jūsų vartotojai.