Projet final : Application de liste de tâches
Partie du cours React
Jusqu'ici, chaque leçon vous a présenté une idée à la fois, avec un petit exemple autour. Les vraies applications ne fonctionnent pas ainsi. Dans une vraie application, l'état, l'affichage de la liste, le formulaire, la persistance et les URL doivent coexister dans le même code, et le plus difficile n'est aucune de ces pièces prise isolément, mais de décider où chacune va.
Cette leçon consiste donc à tout assembler. Vous allez construire une application todo complète et fonctionnelle : ajouter des éléments, les cocher, les supprimer, et retrouver la liste intacte après un rechargement de page. Elle comporte aussi une deuxième page à /about, ce qui vous donne une vraie URL vers laquelle naviguer. Rien ici n'est un concept nouveau.
Envie d’apprendre React Projet final : Application de liste de tâches dans un vrai environnement ?
Cliquez ci-dessous, obtenez une machine Linux avec React prêt, et travaillez sur Projet final : Application de liste de tâches avec un tuteur IA qui connaît votre code.
Commencer cette leçonProjet final : Application de liste de tâchesCe que vous allez apprendre
- Combining state, lists, controlled inputs
- Custom hook for localStorage persistence
- Small routing setup
- Putting it together
Lire cette leçon dans votre langue
Toutes les leçons de ce cours
17 leçons- 1Qu'est-ce que React ?25 min
- 2JSX et Components30 min
- 3Props30 min
- 4Le State avec useState35 min
- 5Gestion des événements30 min
- 6Rendu conditionnel et listes30 min
- 7Formulaires et Controlled Inputs35 min
- 8Les Effects avec useEffect40 min
- 9Récupération des données40 min
- 10Composition de Components35 min
- 11Context et useContext35 min
- 12useReducer35 min
- 13Hooks personnalisés35 min
- 14Performance et Memoization35 min
- 15Routage avec React Router40 min
- 16Tester les Components React40 min
- 17Projet final : Application de liste de tâches60 min
