Introduction
- Introduction
- Objectifs du cours
- Où poser vos questions ?
Débuter sur React
- Comment on faisait avant React ?
- Le JSX et ce qui diffère de l'HTML
- Votre première application React
- Votre premier Component
- Qu'est ce que les Props
- Les Class Components et la State
- Changer la State
Les Components en détails
- Le cycle de vie des Components
- Les Refs
- Gérer les inputs et afficher une liste d'éléments
- Nesting de Components, passer des enfants à un Component
Styliser ses Components
- Styliser ses Components avec du CSS
- Styliser ses Components avec styled-jsx
- Styliser ses Components avec styled-components
- Appliquer un thème à ses Components avec styled-components
Les High-Order-Components
- Les High-Order-Components
Test-Driven Développement, ou comment tester votre application
- Installation
- Qu'est ce que le Test-Driven Développement
- Création des tests pour notre PostCreator Component
- Passons les tests de notre PostCreator Component
- Corrigeons les erreurs de nos tests
Introduction au projet Instagrim
- Introduction au projet "Instagrim"
- Comment se structure le projet ?
- Installation du projet
- Réfléchissons en détails à la structure de l'application
Commençons à coder
- Retélécharger le projet
- Ajout de la page de déconnexion à notre checklist
- Le code du Header
- Codons le Footer
- Introduction à React-Router
- Codons la page d'accueil
- L'utilitaire de validation, et ses tests
- Le composant FormValidator, PropTypes et Context
- Codons la page d'inscription (suite à venir...)
