Article

React Hooks + Firebase auth (live coding)

Naucz się na żywo jak zrobić logowanie via Facebook oraz Github. Do budowy aplikacji użyjemy React Hooks oraz Firebase Auth.

Firebase to platforma, która znacząco ułatwia i przyspiesza budowanie skalowalnych web aplikacji. Oferuje ona swoim użytkownikom:

  • hosting plików statycznych,
  • system do uwierzytelniania (Firebase Auth),
  • nierelacyjną bazę danych (Firestore),
  • własne funkcje JavaScript po stronie serwera (Firebase functions)
  • parę innych rzeczy

Usługi te są udostępniane programistom w postaci prostego interfejsu API, z którego możesz korzystać np. z poziomu React lub innej biblioteki frontendowej. Dzięki temu możliwe jest budowanie aplikacji bez utrzymywania własnego serwera backendowego.

Firebase jest usługą płatną w modelu "pay as you go". Oznacza to więc, że wysokość naszego rachunku jest zależna od użycia naszych usług (np. opłata za każde tysiąc użyć lub od ilości wygenerowanego transferu). Dla małego ruchu usługa jest całkowicie bezpłatna więc by poćwiczyć korzystanie z tej platformy nie musisz wydać ani grosza.

W trakcie prezentacji zobaczysz na żywo jak możesz zrobić logowanie via Facebook oraz Github. Do budowy aplikacji użyjemy React Hooks oraz Firebase Auth.

Agenda (~1h 30min)

  • Konfiguracja Firebase Auth
  • Komunikacja React Hooks z Firebase Auth
  • Przechowywanie stanu sesji użytkownika
  • Zabezpieczenie dostępu do wybranych podstron (np. ograniczenie tylko dla zalogowanych)
  • Pytania i odpowiedzi
Copyright © 2018 - 2024 FULLSTAK Sp. z o.o.