npm create vite@latest
1. Déclaration
2. Appel
👈 fragment
👈
Boucle sur chaque fruit
2. Appel
1. Déclaration
💡 "react/prop-types": "off"
1. Déclaration
2. Appel
useMachin()
👇
1️⃣ déclaration
2️⃣ assignation
3️⃣ utilisation
🧑💻 Créé un input qui permet de filtrer une liste d'éléments, générés à partir d'un tableau.
🧑💻 Gérer le cas d'un tableau vide
🧑💻 Toggle button
const {loading, products} = useProducts();
Parent
Child
createContext, Provider, useContext
Marcher sur l'eau et développer un logiciel à partir d'une spécification sont faciles si les deux sont gelés
- Edward V. Berard
(ou pas)
...au final, c'est juste du CSS 🤷
⚡️ meilleures perfs
🦟 moins de bugs
const data = useMemo(fn, deps);
const callback = useCallback(fn, deps);
Essaye d'obtenir ce résutat en utilisant correctement useCallback 👇
Écris le state de la TODO liste en utilisant le "Redux pattern".
⚠️ Exercice difficile
There is a hook for that
- Gandhi
👉
💩
😎
1️⃣ Sépare ton code petits composants réutilisables
2️⃣ Simplifie la logique avec des hooks custom
3️⃣ Évite de passer trop de props (useContext)
4️⃣ Utilise useMemo et useCallback pour éviter les "re-render"