Créer une clone de Netflix - Tutoriel React - Composants Stylés - Firebase (Firestore & Auth)

Débloquez le potentiel de ReactJS en construisant une version clonée de Netflix dans ce tutoriel complet. Apprenez à intégrer Firebase pour l’authentification et les fonctionnalités de base de données. Découvrez les Composants Stylés pour mettre en forme vos applications React de manière élégante.

Modules et composants : D’une page d’accueil à une section de navigation qui utilise l’authentification Firebase, en passant par les pages de connexion et d’inscription — ce tutoriel couvre tout. Vous apprendrez à vous connecter à Firebase, à utiliser des fonctions JavaScript avancées comme *map*, *filter*, *reduce* et *find*, et à implémenter une recherche en temps réel avec Fuse.js.

📖 Prérequis
- Connaissances de base en React (useEffect, useState, useContext)
- Maîtrise des fonctions JavaScript comme *map*, *filter*, *reduce* et *find*
- Tests : Chaque composant React est rigoureusement testé avec React Testing Library, garantissant un code solide et exempt d’erreurs.
- Navigation : Apprenez à utiliser React Router pour une gestion fluide de la navigation dans votre application.

📚 Ce que vous allez apprendre
- Les bases de React : Crochets personnalisés, contexte, portails
- L’intégration avec Firebase : Firestore et Authentification
- Le style avec les Composants Stylés : Créer une interface visuellement attrayante
- Les tests de composants : Utiliser React Testing Library pour des composants robustes
- La navigation : Une navigation fluide avec React Router
- La recherche en temps réel : Mettre en place une recherche dynamique avec Fuse.js

⏱️ Minutage
00:00:00 - Présentation/démo
00:04:30 - Architecture
00:08:08 - Dépendances du projet
00:10:30 - Installation de *create react app*
00:13:03 - Nettoyage du projet
00:21:41 - Astuce pour les ports Yarn/npm
00:24:35 - Création des fichiers…