Budowanie klona Netflix – Kurs React z Styled Components i Firebase (Firestore & Auth)

Opanuj moc ReactJS, budując klona Netflix w tym kompleksowym tutorialu. Dowiedz się, jak zintegrować Firebase do autoryzacji i funkcjonalności bazy danych. Poznaj Styled Components, aby stylizować swoje aplikacje React.

Moduły i komponenty: od strony głównej po sekcję przeglądania, która wykorzystuje autoryzację Firebase, strony logowania i rejestracji – ten kurs obejmuje wszystko. Nauczysz się, jak połączyć się z Firebase, używać zaawansowanych funkcji JavaScript, takich jak map, filter, reduce i find, oraz wdrożyć Fuse.js dla funkcji wyszukiwania w czasie rzeczywistym.

📖 Wymagania wstępne:
- Podstawowa wiedza o React (useEffect, useState, useContext)
- Znajomość funkcji JavaScript: map, filter, reduce, find
- Testowanie: każdy komponent React jest starannie testowany za pomocą React Testing Library, co zapewnia solidny i wolny od błędów kod.
- Nawigacja: naucz się używać React Router do płynnej nawigacji w aplikacji.

📚 Co nauczysz się:
- Podstawy React: niestandardowe haki, kontekst, portale
- Integracja Firebase: Firestore i autoryzacja
- Stylizacja z użyciem Styled Components: tworzenie wizualnie atrakcyjnego interfejsu
- Testowanie komponentów: wykorzystanie React Testing Library dla solidnych komponentów
- Nawigacja: płynna nawigacja z React Router
- Wyszukiwanie w czasie rzeczywistym: implementacja wyszukiwania z Fuse.js

⏰ Zegary:
00:00:00 — Przegląd/demo
00:04:30 — Architektura
00:08:08 — Zależności projektu
00:10:30 — Instalacja Create React App
00:13:03 — Czyszczenie projektu
00:21:41 — Porada dotycząca portów Yarn/npm
00:24:35 — Tworzenie plików...