Introduction
  • Introduction
  • Créer son app avec create-react-app
Nouveauté, Tips & Tricks
  • Préembule
  • Le nouveau cycle de vie de React
  • WillReceiveProps
  • getDerivedStateFromProps et getSnapShotBeforeUpdate
  • Les Pure components
  • Les contextes
  • Les Hooks d'état
  • Les Hooks d'effet
React routeur V4
  • Github
  • Un boiler plate Redux (000)
  • Installer Redux soit même
  • Snippet
  • Squelette du header (001)
  • Action et reducers de connexion (001)
  • Intégration des actions (001)
  • React router V3 vs V4
  • React router v4 - intégration ( 002 )
Les HOC
  • HOC c'est quoi ?
  • HOC - Intégration partie 1 (003)
  • HOC - intégration partie 2 (003)
Les middlewares
  • Un middleware c'est un quoi ?
  • Création du compteur d'actions (004)
  • Création du middleware (004)
Les tests
  • Intro
  • Premier test (005)
  • Expect et Shallow (005)
  • Les événements simulés (005)
  • Test avec les composants connectés ( 006 )
  • Création d'un helper pour composants connectés (006)
  • Test avec le helper de composants connectés (006 )
  • Test des actions reducers (006)
Les selecteurs
  • Pourquoi les selecteurs
  • UI ressouces ( 007 )
  • UI ressources partie 2 (007)
  • Les selecteurs standards (007)
  • Reselect (007)
  • Mutation de state et immutable.JS (007)
Projet React + NodeJS + MongoDB - Authentification sécurisée ( Backend )
  • Github
  • Intro
  • Installation ( 000 )
  • NOTE : Installation de la base de donnée
  • Installation base de donnée sur le cloud
  • Monter le serveur ( 000 )
  • Créer une route ( 000 )
  • Connexion à la base de donnée ( 001 )
  • Création du model User ( 001 )
  • Controller (002)
  • Authentification (002)
  • Crypter un mot de passe
  • Utilisation de Bcrypt ( 003 )
  • Flow sécurisé
  • PassportJS
  • Générer un Token avec JWT-simple ( 004 )
  • 44 - Strategy passport ( 005 )
  • 45 - Requête sécurisée ( 005 )
  • 46 - Strategy Login (006)
Front-End authentification sécurisée
  • Connexion formulaire ( 007 )
  • Signin actions ( 007 )
  • Erreur CORS ( 007 )
  • Page déconnexion ( 007 )
  • Page inscription ( 008 )
  • CSS inscription ( 008 )
  • Validation ( 008 )
  • Inscription actions ( 008 )
  • Requête sécurisée ( 009 )
  • Correction HOC ( 010 )
  • Connexion automatique via token ( 010 )
  • Composant Errors ( 010 )
  • Gérer les erreurs backend ( 011 )