Bonjour à tous, ici Enzo Ustariz, formateur en développement web.
React + Firebase, voilà 2 technologies bien sympathiques à utiliser ensemble. C'est justement ce que nous allons faire dans ce cours gratuit orienté pratique. Nous allons les mélanger afin de créer un système d'authentification et de routes privées.
Au programme de ce tuto Gratuit : React + Firebase : créer un système d'authentification
- Nous allons nous occuper de la partie Front avec React, en créant les composants nécessaires à notre système d'authentification, comme les fenêtres modales, les formulaires, la "navbar", etc.
- Nous allons également utiliser l'API de contexte, afin de partager le state dans toute notre application et donc pouvoir "toggle" nos formulaires d'inscription et de connexion.
- Enfin, niveau "routing", ce sera avec React Router V6 (la dernière version).
- Pour ce qui du back-end, Firebase s'occupe de tout.
Firebase est un service proposé par Google qui permet de court-circuiter les temps de développement du back-end de nos applications. Grâce à Firebase, on peut très rapidement mettre en place une base de données avec des fonctionnalités Back-End qui seront accessibles via des méthodes très simples à comprendre.
Nous allons utiliser la dernière version de Firebase qui est la version 9 ; elle est plus légère et efficace.
Je vous conseille d'avoir déjà touché à React avant de suivre ce cours en ligne, ou vous n'allez pas comprendre grande chose.
Vous pouvez visionner mes cours React ou ceux d'autres formateurs sur le sujet afin de vous faire la main.
Si vous êtes prêts, rendez-vous de l'autre côté pour commencer à coder.
Table des matières de cette formation React, Firebase, JavaScript (durée : 1h28m)
-
Introduction
- Introduction gratuit 00:00:25
-
Projet React + Firebase
- Mise en place gratuit 00:09:43
- Création de la Navbar, du router, et du composant Home gratuit 00:07:11
- Interface de la modale d'inscription 00:08:03
- Mise en place du contexte 00:13:49
- Première inscription 00:15:19
- Validation avec firebase 00:03:41
- Route privée 00:06:20
- Naviguer vers la route privée 00:06:48
- Se déconnecter 00:04:47
- Modale de connexion 00:07:15
- Explication de fin 00:05:28
- Fichiers sourcestélécharger
- Certificat
Formateur : Enzo Ustariz
-
Bonjour, Super tuto ! J'ai pu arriver à la fin et ça fonctionne ! Très intéressant React, il faut avoir la tête sur les épaules ! Au moins un tuto qui fait travailler les bases de javascript à fond ! React firebase Merci Enzo !
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissé