Formation ReactJS: Maîtriser le Développement d'Applications Web Modernes et Performantes en JavaScript

Programme de la formation
ReactJS: Maîtriser le Développement d'Applications Web Modernes et Performantes en JavaScript

• Introduction à ReactJS et son écosystème

  - Comprendre les fondations de ReactJS et son positionnement
  - Installer l'environnement de développement (Node, npm/yarn, éditeur)
  - Découvrir la structure d'un projet React type

• Les bases de JSX et du rendu conditionnel

  - Maîtriser la syntaxe JSX pour écrire des interfaces
  - Effectuer le rendu de composants simples et d'éléments
  - Utiliser le rendu conditionnel (if/else, opérateurs ternaires)

• Composants fonctionnels et gestion de l'état (Hooks I)

  - Créer et utiliser des composants fonctionnels (Function Components)
  - Introduction au hook `useState` pour gérer l'état local
  - Mettre à jour l'état de manière asynchrone et sécurisée

• Props : communication entre composants

  - Passer des données de parent à enfant via les props
  - Validation des props avec PropTypes
  - Comprendre l'unidirectionnalité du flux de données

• Événements et interaction utilisateur

  - Gérer les événements DOM (clic, soumission, changement)
  - Passage de gestionnaires d'événements via les props
  - Bonnes pratiques pour la manipulation et la prévention des événements

• Listes et clés : rendre des collections

  - Rendre des listes d'éléments avec la méthode `map`
  - L'importance des `key` pour l'optimisation et le re-rendu
  - Gérer les listes complexes et imbriquées

• Hooks avancés : useEffect et useRef

  - Utiliser `useEffect` pour les effets de bord (API calls, DOM)
  - Nettoyage des effets (`cleanup function`)
  - Manipuler des références DOM avec `useRef`

• Formulaires contrôlés et non contrôlés

  - Implémenter des formulaires contrôlés avec l'état React
  - Gérer les entrées multiples et les validations de base
  - Introduction aux formulaires non contrôlés et `useRef`

• Routage avec React Router

  - Configurer les routes de l'application (BrowserRouter, Routes, Route)
  - Naviguer entre les pages (`Link`, `useNavigate`)
  - Gérer les paramètres d'URL (`useParams`)

• Context API pour la gestion d'état globale

  - Résoudre le problème du prop drilling
  - Créer et utiliser un contexte (`createContext`, `useContext`)
  - Fournir et consommer des données d'un fournisseur de contexte

• Optimisation des performances et débogage

  - Comprendre le cycle de vie du rendu (re-renders)
  - Utiliser `React.memo` et `useCallback` pour l'optimisation
  - Déboguer les applications React avec les outils de développement

• Introduction au testing et déploiement

  - Présentation des principes de test (unitaires, intégration)
  - Déployer une application React statique (Netlify, Vercel)
  - Bonnes pratiques pour la production et la maintenance