Front-end · 6 mondes · 18 étapes

React

Composants, état, effets : des interfaces web qui réagissent, rendues pour de vrai.

Progression

0 %

0/18 étapes terminées

Mode 3

Huit semaines, un plan clair

Chaque semaine a son thème, ses concepts clés, ses exercices pratiques et un jalon pour mesurer ta progression. Compte quatre à cinq heures par semaine.

« Conçois un programme structuré. Inclus les thèmes semaine par semaine, les concepts clés, les exercices pratiques et les jalons pour mesurer ma progression jusqu'à la maîtrise avancée. »

SEM.1

2 h · 2 leçons + jalon

JSX et composants

0/3

Objectifs

  • Écrire du JSX
  • Créer des composants
  • Afficher selon une condition

Concepts clés

  • className
  • Accolades
  • Fragments
  • Condition ? a : b

Exercices pratiques

  • La carte du joueur
  • Le menu
  • La page d'accueil

BossUne page d'accueil qui s'adapte au joueur connecté.

LeçonsAffronter le boss
SEM.2

2 h 30 · 2 leçons + jalon

Props et listes

0/3

Objectifs

  • Passer des props
  • Afficher une liste
  • Trier sans modifier

Concepts clés

  • Déstructuration
  • Valeurs par défaut
  • map et key
  • Classes calculées

Exercices pratiques

  • Les cartes
  • Le programme
  • Le classement

BossUn classement trié, avec le joueur connecté mis en avant.

LeçonsAffronter le boss
SEM.3

3 h · 2 leçons + jalon

L'état et les événements

0/3

Objectifs

  • Utiliser useState
  • Réagir aux clics
  • Gérer une liste en état

Concepts clés

  • Rendu et état
  • Mise à jour fonctionnelle
  • État minimal
  • Immutabilité

Exercices pratiques

  • Le compteur de gemmes
  • Le quiz
  • Le panier

BossUn panier qui ajoute, calcule et se vide.

LeçonsAffronter le boss
SEM.4

3 h · 2 leçons + jalon

Les formulaires

0/3

Objectifs

  • Contrôler un champ
  • Soumettre sans recharger
  • Valider

Concepts clés

  • value / onChange
  • onSubmit
  • preventDefault
  • checked

Exercices pratiques

  • Le pseudo
  • La liste de tâches
  • L'inscription

BossUne inscription qui refuse de partir incomplète.

LeçonsAffronter le boss
SEM.5

3 h · 2 leçons + jalon

Les effets

0/3

Objectifs

  • Écrire un effet
  • Le nettoyer
  • Charger des données

Concepts clés

  • useEffect
  • Dépendances
  • Nettoyage
  • Debounce

Exercices pratiques

  • Le chronomètre
  • Le chargement
  • La recherche avec délai

BossUne recherche qui attend la fin de la frappe.

LeçonsAffronter le boss
SEM.6

3 h · 2 leçons + jalon

Des composants qui tiennent

0/3

Objectifs

  • Remonter l'état
  • Extraire un hook
  • Utiliser un réducteur

Concepts clés

  • Flux à sens unique
  • Hooks personnalisés
  • useReducer
  • Actions

Exercices pratiques

  • La série partagée
  • La FAQ
  • La liste de révision

BossUne liste dont tous les changements passent par une seule fonction.

LeçonsAffronter le boss