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

Vedomosti v hodnote stoviek tisíc získaš za pár eur

Došiel 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émiovej sekcie.

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íš s Prevádzkovými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Prístup k jednotlivým lekciám podľa spôsobu obstarania.
  • 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.
Článok pre vás napísala Laura Baluchová
Avatar
Aktivity