Authentification avec React + Firebase.

Entrainez-vous avec React

Bonjour à tous, ici Enzo Ustariz, le formateur en développement web.


React + Firebase, voilà deux technologies bien sympathiques à utiliser ensemble.

Dans ce cours pratique, nous allons les mêler afin de créer un système d'authentification et de routes privés.

Le but va être de s'occuper de la partie Front avec React, en créant les composants nécessaires, comme les fenêtre 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, c'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 faire ce tuto, ou vous n'allez pas comprendre grande chose.

Vous pouvez visionner mes cours ou ceux d'autres formateurs sur React afin de vous faire la main.

Si vous êtes prêts, rendez-vous de l'autre côté pour commencer à coder.

Votre instructeur


Enzo Ustariz
Enzo Ustariz

Développeur web, créateur et entrepreneur.


Cette École est née comme une réponse au manque de contenu Français concernant le Développement Web.
L'écosystème Front-End/Back-End/Full-Stack est devenu une vraie pieuvre tentaculaire et on se retrouve très rapidement submergé de tonnes de Frameworks, librairies et autres langages à devoir maîtriser si l'on veut rester compétitif et à jour.

Ce site a pour vocation de réunir des ressources et de t'apprendre tout ces concepts rapidement et efficacement, afin de te permettre de plonger au plus vite dans le monde professionnel et ce dans les meilleures conditions.


Commencez maintenant!