Gratuit : React + Firebase : Authentification
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Gratuit : React + Firebase : Authentification

Enzo Ustariz

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Projet React + Firebase

Plan détaillé du cours

Chapitre 1 : Introduction
25s
 
Leçon 1Introduction
Chapitre 2 : Projet React + Firebase
1h28m
 
Leçon 1Mise en place
Leçon 2Création de la Navbar, du router, et du composant Home
Leçon 3Interface de la modale d'inscription
Leçon 4Mise en place du contexte
Leçon 5Première inscription
Leçon 6Validation avec firebase
Leçon 7Route privée
Leçon 8Naviguer vers la route privée
Leçon 9Se déconnecter
Leçon 10Modale de connexion
Leçon 11Explication de fin

Avis des apprenants

Détail des avis
282
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Joel Valentin
Joel Valentin
Publié le 03/01/2022
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 !
Enzo Ustariz
Merci pour ce retour!

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données