Lekce 21 - Databázový klient v React - Zobrazení přihlášeného uživatele

V minulé lekci, Databázový klient v React - Kontext v React, jsme si představili princip kontextu a vytvořili si jej pro uchovávání aktuálně přihlášeného uživatele.

V React tutoriálu vytvoříme provider k našemu kontextu a zobrazíme email aktuálně přihlášeného uživatele v hlavičce stránky.

Wrapper pro získání kontextu – useContext()

Již jsme si říkali, že k datům aktuálně přihlášeného uživatele budeme přistupovat z mnoha míst aplikace. Proto pro ně také tvoříme kontext, abychom je všude nemuseli předávat přes props, čím by aplikace byla nepřehledná. Za účelem minimalizace budoucích problémů si nyní ukážeme ještě jednu dobrou praktiku.

Víme, že ke kontextu budeme přistupovat přes hook useContext(). My si tuto funkci obalíme ještě vlastní funkcí useSession(). Do souboru session.jsx přidáme:

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

Kdybychom totiž na dvaceti místech v aplikaci volali

...konec náhledu článku...
Pokračuj dál