Introduction
  • Introduction
  • React c'est quoi ?
  • Pourquoi apprendre et utiliser React ?
  • Single Page App VS Multi Page App
  • Plan du cours
  • Outils nécessaires
  • Liens vers les outils
  • Comment suivre cette formation ?
  • Code source des Exercices
Les bases de React
  • Un Workflow Moderne
  • Utiliser create-react-app
  • Comprendre la structure du dossier
  • C'est quoi un Component ?
  • Comprendre le JSX
  • Particularités du JSX
  • Créer un Component Stateless
  • Réutiliser les Components
  • Du JavaScript dans le JSX
  • Les Props
  • La Props Children
  • Le State
  • Gérer les Événements
  • Modifier le State
  • Passer des Méthodes entre les Components
  • Gérer les Inputs
  • Ajouter du style avec du CSS
  • Utiliser le style Inline
Projet 1 : l'Éditeur de Markdown
  • Création du Projet
  • Écrire du HTML avec JSX
  • Importer du JavaScript Perso
  • Utiliser et Modifier le State
  • Du Markdown avec Marked.js
  • Sauvegarder le State avec le localStorage
Rendu Conditionnel et Liste
  • Base du Rendu Conditionnel
  • Rendu Conditionnel Complexe
  • Rendre une Liste
  • Manipuler le State via un Élément d'une Liste
  • Utiliser et Comprendre les "keys"
  • Event et Argument dans une liste
  • Résumé
Projet 2 : la Chat Box
  • Initialisation du Projet
  • Formulaire de Connexion
  • Découverte de React Router V4
  • Changement de Page avec React Router V4
  • Création des Components
  • Enregistrer les Messages dans le State
  • Gestion de Nouveaux Events
  • Afficher notre State
  • Découverte de Firebase
  • Connecter Firebase et React
  • Synchroniser notre State et la Realtime Database
  • Les Ref dans React : createRef()
  • Supprimer des Éléments du State
  • Rendu Conditionnel des Messages
  • Gérer les Animations en React
  • Résumé
Projet 3 : la Boîte à Recettes
  • Introduction
  • Initialisation du projet
  • Créer le Header
  • Remplir le State en un clic
  • Afficher le State
  • Component Card
  • Images dynamiques
  • Connecter l'app avec Firebase
  • Ajouter une recette
  • Formulaire avec React
  • Modifier le State via le formulaire
  • Modifier les recettes
  • Gérer le formulaire de modification
  • Supprimer une recette
  • Activer l'authentification Facebook dans Firebase
  • Gérer l'authentification
  • Gérer la déconnexion
  • Persister la connexion entre les sessions
  • Code des règles de Firebase
  • Règles de sécurité de Firebase
  • Résumé
Notions avancées
  • Organiser les fichiers
  • Les cycles de vie de React
  • Les cycles de vie concrètement
  • Éléments JSX adjacents
  • Higher-Order Components (HOC)
  • HOC concrètement
  • Les PropTypes
  • React Context API
  • Résumé
Découverte de Redux
  • Présentation
  • Intro
  • Redux
  • Bases
  • Reducer
  • Store