13. diel - Fragmenty v React
V predchádzajúcej lekcii, Ekosystém Reactu - TypeScript , sme sa zamerali na používanie TypeScriptu v Reactu.
V dnešnom tutoriále pokročilého Reactu sa zoznámime s fragmentmi a ukážeme si, ako pomocou nich dokážeme optimalizovať React kód.
Čo to je fragment
V Reactu sú fragmenty jednoduchým spôsobom ako združovať a znovu
používať časti používateľského rozhrania. Fragmenty sú akýmsi obalom,
ktorý umožňuje zoskupiť viac komponentov do jedného celku bez nutnosti
vytvárať ďalší nadradený HTML element, napríklad
<div>. Tým sa zabráni vloženiu zbytočných alebo
nežiaducich HTML elementov do DOM štruktúry.
Prečo potrebujeme fragmenty
React nedovoľuje vrátiť viacero prvkov naraz. Nasledujúci kód by preto v Reactu nefungoval:
Je to limitácia JSX, ktorá ale vôbec nie je prekvapujúca. Ako ekvivalent si predstavme nasledujúci kód nefungoval v klasickom JavaScripte. Ani ten nebude fungovať:
...koniec náhľadu článku...
Pokračuj ďalej
Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.
Kúpiť tento kurz
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.
- Neobmedzený a trvalý prístup k jednotlivým lekciím.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V tutoriále pokročilého Reactu si vysvetlíme ako použiť v React fragmenty, čo presne sú a prečo sú užitočné pre písanie čistého kódu.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.
