Scribd
Importer
10 vues2 pages

Plan Cours

Le cours sur le framework React couvre les fondamentaux des frameworks frontend, l'environnement de développement, et les concepts clés de React comme les composants, les hooks, et la gestion des données. Il inclut également des modules sur la navigation, l'intégration avec des API, le stylisme, et un projet pratique pour appliquer les connaissances acquises. Des sujets avancés sont proposés en option pour approfondir les compétences des participants.

Transféré par

moh.jarray.92
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats ODT, PDF, TXT ou lisez en ligne sur Scribd
10 vues2 pages

Plan Cours

Le cours sur le framework React couvre les fondamentaux des frameworks frontend, l'environnement de développement, et les concepts clés de React comme les composants, les hooks, et la gestion des données. Il inclut également des modules sur la navigation, l'intégration avec des API, le stylisme, et un projet pratique pour appliquer les connaissances acquises. Des sujets avancés sont proposés en option pour approfondir les compétences des participants.

Transféré par

moh.jarray.92
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats ODT, PDF, TXT ou lisez en ligne sur Scribd

Plan du cours : React Framework

1. Introduction aux Frontend Frameworks


• Rôle du frontend dans une application web
• Framework vs bibliothèque (React vs Angular vs Vue)
• Historique et popularité de React

2. Environnement et outils
• Installation de Node.js et npm
• Création d’un projet avec Vite ou Create React App
• Structure d’un projet React
• VS Code et extensions utiles

3. Fondamentaux de React
• Composants (fonctionnels et classes)
• JSX : syntaxe et règles
• Props et State
• Événements et gestion des interactions

4. Hooks essentiels
• useState
• useEffect
• useRef
• Bonnes pratiques d’utilisation des Hooks

5. Gestion des données


• Communication parent → enfant et enfant → parent
• Context API pour le partage global d’état
• Introduction à un gestionnaire d’état externe (Redux ou Zustand)
6. Navigation
• React Router : installation et configuration
• Routes dynamiques et paramètres
• Navigation et liens internes

7. Intégration avec API


• Requêtes HTTP avec fetch ou axios
• Gestion des données asynchrones
• Affichage conditionnel (loading, erreur, succès)

8. Styling dans React


• CSS classique, modules CSS
• Styled Components
• Tailwind CSS (optionnel)

9. Projet pratique
• Développement d’une mini-application :
• Exemple : Todo App, Weather App ou E-commerce simple
• Structuration du projet
• Déploiement sur Vercel / Netlify

10. Sujets avancés (optionnel selon le niveau)


• Optimisation des performances (React.memo, useMemo, useCallback)

• Lazy loading et Suspense


• Tests unitaires avec Jest/React Testing Library
• Introduction à Next.js (React framework pour SSR)

Vous aimerez peut-être aussi