📄 Version PDF

Aperçu indisponible

Vous devez vous connecter ou vous inscrire pour voir cette leçon.

React.js : c'est quoi ? et pourquoi ?

Avant de commencer...

Création du squelette de notre application React

La structure de fichiers d'un projet React

Nettoyage du projet pour partir de zéro

Analyse du code react

JSX (Javascript Syntax eXtension)

Créer notre premier composant

Les props

Aide-nous à améliorer cette formation 💡

Les props sous toutes les coutures

Les props - attributs vs enfants

React Dev Tools

Générer une liste de composants

Les événements

Le state et le hook useState

Supprimer un post (depuis le composant de plus haut niveau)

Modifier le state depuis un composant enfant

Le "props drilling" et le flux d'information

Implémenter un "empty state"

Ajouter un post : Créer le composant

Ajouter un post : Champs contrôlés VS non contrôlés

Ajouter un post : State Lifting

Ajouter un post : Finalisation

Le pattern &&

Posts avec images, photos de profils et heure du post

Styler nos composants (CSS)

Le hook useEffect

Les composants basés sur des classes

Les hooks

Custom hooks

Ajouter d'autres pages avec react router

Passage de paramètres dans une URL

Mise en place d'une layout commune entre les différentes pages

Global State Management (redux, Context API)

Les hooks useMemo et useCallback

Récupérer des données backend depuis une API

Déployer notre appli react en production

Conclusion