8. diel - Client-side routing

V predchádzajúcej lekcii, Hooky v React - useContext() a useReducer() , sme si predstavili hooky useContext() a useReducer() a ukázali sme si, akú majú silu pri spoločnom použití.

V nasledujúcom tutoriále pokročilého Reactu si vysvetlíme, čo to je client-side routing. Na praktickej ukážke si potom vyskúšame, ako k tejto funkčnosti využiť knižnicu React Router. Výsledkom bude jednoduchá stránka s navigáciou.

Aplikácia

Client-side routing v React

Pri použití client-side routingu je obsah webovej stránky generovaný a aktualizovaný na strane klienta. To znamená, že JavaScriptový kód beží v prehliadači používateľa. Keď používateľ načíta stránku, prehliadač stiahne potrebný HTML kód a JavaScript. Následne sa JavaScript spustí a vygeneruje užívateľské rozhranie (UI) podľa dát, ktoré sú v tom okamihu dostupné.


 

...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 si vyskúšame navigovanie medzi stránkami v React aplikácii. Použijeme na to knižnicu React Router.
Článok pre vás napísala Laura Baluchová
Avatar
Aktivity