24. diel - Databázový klient v React - Zobrazenie prihláseného užívateľ

V minulej lekcii, Databázový klient v React - Komponent prihlasovacej stránky , sme si vytvorili prihlasovaciu stránku, na ktorej sme sa prihlásili za novo registrovaného užívateľa.

V React tutoriále vytvoríme provider k nášmu kontextu a zobrazíme email aktuálne prihláseného užívateľa v hlavičke stránky.

Wrapper pre získanie kontextu - useContext()

Už sme si hovorili, že k dátam aktuálne prihláseného používateľa budeme pristupovať z mnohých miest aplikácie. Preto pre nich tiež tvoríme kontext, aby sme ich všade nemuseli odovzdávať cez props, čím by aplikácia bola neprehľadná. Za účelom minimalizácie budúcich problémov si teraz ukážeme ešte jednu dobrú praktiku.

Vieme, že ku kontextu budeme pristupovať cez hook useContext(). My si túto funkciu obalíme ešte vlastnou funkciou useSession():

export function useSession() {
    return useContext(SessionContext);
}

Keby sme totiž na dvadsiatich miestach v aplikácii volali

...koniec náhľadu článku...
Pokračuj ďalej