Formation REACT JS

Les bases des composants Rich Intern. App.

1. Fondamentaux : HTML, CSS, JavaScript, DOM
2. Limites des applications JavaScript
3. Ecosystèmes des framework JavaScript
4. Principes du DataBinding
5. Positionnement et philosophie de ReactJS
6. Présentation de JSX
7. Environnements IDE et PlugIns

Installer l'environnement de travail

1. Installer Node & NPM
2. Initialiser un projet node

Installer React

1. Framework vs librairie, composants et DOM
2. Le JSX
3. Installation de React

Comprendre les composants React JS

1. Créer une application React via CDN
2. L'intérêt de JSX par rapport à JavaScript
3. Les composants parent
4. Compiler le code ES6 via Babel
5. La méthode ReactDOM
6. Utiliser create-react-app
7. Qu'est ce que React.StrictMode
8. Le destructuring et createRoot

Créer un projet React

1. Package.json
2. Dossier public, src & lancer le projet

Connaitre les fondamentaux d'ECMA Script 6

1. Les constantes et le destructuring
2. Les arrow functions, paramètres par défaut
3. Les classes ES6
4. Gestions des modules, import/export
5. Les templates string
6. Le spread operator

Savoir créer un composant React

1. Démarrage du projet
2. Afficher un tweet grâce au JSX
3. Afficher depuis les "Props"

Comprendre les concepts de React JS

1. Que sont les notions PROPS et STATE
2. Export Default et Named Exports
3. Que sont les évènements JavaScript
4. Mutation du State dans un composant class
5. Incrémenter un State dans React
6. Destructuring Array et fonction CallBack
7. Passer une fonction dans un Prop
8. Le React Fragment
9. Le destructuring dans React
10. Les conditions dans React
11. Les images dans React
12. Les formulaires dans React
13. Les packages NPM
14. Le CSS dans React
15. Le custom Button

Maitriser le container

1. Mapper les données pour renvoyer du JSX
2. PropTypes et composants réutilisables
3. Retraiter la donnée avant de l'afficher

Maitriser le composant stateful

1. Structure du code
2. Cycle de vie d'un composant
3. Gestion du state et des inputs
4. Gestion du CSS

Comprendre le cycle de vie d'un composant

1. Que sont les méthodes de cycle de vie
2. La phase de montage
3. La phase de mise à jour
4. La phase de démontage
5. La méthode getDerivedStateFromProps
6. La méthode shouldComponentUpdate

Comprendre le Two way data binding

1. Des "props" aux enfants depuis le parent
2. Mise en place de la méthode pour publier
3. Mise en place de la méthode pour supprimer
4. Définir les propriétés par défaut
5. Les références

Installer React-router

1. Installation & configuration
2. Refactoring

Savoir utiliser React Devtools