Chceš se vypracovat až k výdělku 160.000 Kč/měsíc? Důležité je začít. Staň se programátorem díky rekvalifikačnímu kurzu! Začni dnes!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

13. diel - Fragmenty v React Nové

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 korún

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.

Obmedzená ponuka: Nauč sa všetko a ušetri

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh za exkluzívnu cenu 405 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto výhodného balíčku získaš prístup ku všetkým 25 článkom (25 lekcií) s kontrolou a certifikáciou a ešte naviac ušetríš 71 Kč. Ponuka je obmedzená len pre prvé lekcie z kurzu a obsahuje exkluzívnu zľavu 15%.

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.

Čo od nás v ďalších lekciách dostaneš?
  • 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ť.

Článok pre vás napísala Laura Baluchová
Avatar
Aktivity