Introduction
- Introduction
- Code source
- Ressources
Rappel ES6 et JavaScript moderne
- Créer son dossier et Let & Const
- Fonctions fléchées et fonctions classiques
- Spread & Rest
- Les fonctions pures
- Les fonctions d'ordre supérieur
- Les fonctions d'ordre supérieur des tableaux
- Destructuring
Les bases de React
- Mettre en place une web app
- Explication des fichiers
- Qu'est ce que le JSX ?
- Notre premier composant
- Découverte de useState()
- Modifier le state
- Les "props"
- Remonter le state
- Utiliser du CSS avec React
- Utiliser des images
- Utiliser des inputs
Les rendus conditionnels et les listes
- Créer un rendu conditionnel avec "if"
- L'opérateur ternaire
- Faire un "toggle" de classes et de css
- Créer des listes
Créer une To-Do Liste
- Créer l'interface
- Afficher la liste
- ID et suppression
- Ajouter des éléments
React dans le détail
- Les règles des Hooks
- Le hook "useEffect"
- Un appel à une API avec useEffect
- Utiliser "setInterval" avec React
- La destruction d'un composant
- Les "React fragments"
- Le hook "useRef()"
- Sélection un tableau d'éléments
- Utiliser "addEventListener"
- Ne jamais changer le state directement dans un tableau/objet
- Comprendre "props.children"
- Utiliser "usememo" et "react.memo"
- Compléter le tout avec "useCallback"
- Créer un "hook" personnalisé
Créer des composants courants
- Créer une fenêtre modale
- Créer un accordéon
- Coder une navbar responsive
Créer un système de routes avec React-router
- Installation de react-router
- Utiliser un Router et un Switch
- Créer des liens et des navlinks
- La page 404 et "history"
- Les hooks "useLocation" et "useParams"
Découverte de l'API de contexte de React
- À quoi sert l'API de contexte ?
- Mise en place
- Notre premier contexte
- Créer un "Dark-light mode"
Apprendre à utiliser Redux avec React
- Installation de Redux
- Création du store
- Utiliser "useSelector"
- Créer un "Reducer"
- Le "payload" avec un "dispatch"
- Combiner plusieurs reducers
- Qu'est ce qu'un middleware?
- Appel asynchrone avec Redux
Créer un blog avec React
- Mise en place
- Création de l'accueil et d'une carte
- Création du store et du reducer
- Afficher les articles
- Créer le router
- Créer le formulaire
- Lier le formulaire au state
- Lier le formulaire au store
- Afficher un article
- Ne pas lier son formulaire et son state
Mettre une application React en ligne
- Mettre une application React en ligne
ANCIEN COURS Introduction
- LISEZ MOI
- Introduction
- Comment suivre ce cours ?
ANCIEN COURS Rappel ES6
- ES6 : Let et Const
- ES6 : Les Fonctions Fléchées
- ES6 : Spread et Destructuring
- ES6 : Les Classes
ANCIEN COURS Les Bases de React
- Conseils
- Utiliser "create-react-app" pour mettre en place son dossier.
- Explication des fichiers présents
- Introduction aux composants et à JSX
