đ´ Système d'authentification â Formulaire React | React, Node & MongoDB [Part 1/5]
âśď¸ Système dâauthentification â Formulaire React | React, Node & MongoDB [Part 1/5]
ABONNE-TOI đ http://bit.ly/3IzCeYf
đť Plus dâinfos en description đť
â ď¸ Nâoublies pas dâactiver les sous-titres !!â ď¸
Dans cette première partie, je vous montre comment crĂŠer un formulaire en React. Vous verrez comment mettre en place un environnement de dĂŠveloppement, utiliser les fonctionnalitĂŠs offertes par React Router pour gĂŠrer la navigation entre les diffĂŠrentes pages dâune application, et empĂŞcher lâaccès Ă certaines routes si lâutilisateur nâest pas connectĂŠ.
Pour rendre le formulaire plus attrayant, jâutilise MUI5 (Material-UI version 5), une bibliothèque de composants React très populaire. Nous utiliserons MUI5 pour ajouter des icĂ´nes stylisĂŠes, ce qui donnera Ă notre application une apparence plus professionnelle et moderne.
Dans la prochaine vidĂŠo, nous verrons comment crĂŠer un serveur Node.js et utiliser Postman pour envoyer des requĂŞtes HTTP.
đ React Router
https://reactrouter.com/
đ MUI
https://mui.com/material-ui/material-icons/
đ Système 7-1
https://gist.github.com/rveitch/84cea9650092119527bc
đ Lien du Repository Github (laisse une ĂŠtoileâ)
https://github.com/Cyril-Develop/Authentication-System
đ Chapitres
00:00 : ORGANISATION DES FICHIERS
01:01 : REACT ROUTER
04:10 : CREATION PAGE DâINSCRIPTION
08:50 : RESET CSS
12:25 : STYLE FORMULAIRE
23:30 : LOGIQUE POUR AFFICHER/MASQUER LE MDP
29:41 : RĂCUPĂRER ET STOCKER LA VALEUR DES INPUTS
34:33 : ANIMER LE LABEL
40:03 : CRĂATION NAVBAR
43:52 : MIS EN PLACE ROUTE SĂCURISĂE
49:21 : PRĂSENTATION
đ NâhĂŠsites pas Ă Liker, Commenter, Partager si le projet tâas plu !
#freesourcecode #fullstack #nodejs #react #express #mongodb