Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
React + Firebase : Authentification
Rating: 4.6 out of 5(95 ratings)
2,502 students

React + Firebase : Authentification

Apprenez à utiliser ces deux technologies ensemble.
Last updated 8/2025
French
French [Auto],

What you'll learn

  • Firebase
  • React
  • Créer un système d'authentification avec Firebase et React
  • Api de contexte
  • State
  • React Router v6
  • Routes privés
  • etc ...

Course content

3 sections15 lectures1h 29m total length
  • Introduction0:25
  • Code source0:23
  • Ressources0:09

Requirements

  • Des connaissances avec React
  • Un ordinateur

Description

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.

Who this course is for:

  • Développeurs Web
  • Étudiants
  • Développeurs Front-End
  • Développeurs Back-End
  • Développeurs Full-stack
  • Amateur de dev web