Vous souhaitez suivre cette formation ?

Contactez-nous ! Un expert vous recontactera dans les plus brefs délais.

Les 4 derniers articles du blog

Comment le mentorat transforme la formation professionnelle en 2025 ?

Découvrez comment le mentorat repense la formation professionnelle en 2025 : implications, bénéfices mesurés et perspectives pour entreprises et apprenants.

Allan Busi

30 juin 202412 min

Quel est l'impact de l'apprentissage en formation professionnelle en 2025 ?

Découvrez comment l'apprentissage transforme la formation professionnelle en 2025 : innovations, bénéfices pour les entreprises et les apprenants, enjeux et perspectives.

Allan Busi

30 juin 202413 min

Comment une PME peut-elle accéder aux financements OPCO en 2025 ?

Découvrez les démarches clés, conditions et astuces pour qu’une PME bénéficie des financements OPCO en 2025 pour ses formations professionnelles.

Allan Busi

30 juin 202412 min

Comment trouver une entreprise en alternance en 2025 ? Guide complet et stratégies à jour

Découvrez les étapes clés, les astuces actualisées et les ressources incontournables pour décrocher une entreprise en alternance en 2025.

Allan Busi

30 juin 202412 min

Voir tous les articles

Objectifs de la formation

Comprendre les concepts fondamentaux de React (JSX, composants, état, props)

Structurer une application React en composants réutilisables

Gérer l’état local et global avec useState et useContext

Implémenter le routage avec React Router

Connecter une application React à une API externe

Optimiser le référencement naturel (SEO) d’une application React

Découvrir les bonnes pratiques de développement et de maintenance sous React

Programme

Jour 1Découverte et Fondamentaux de React

Histoire et philosophie React. Installation (Create React App, Vite). Introduction à JSX et au rendu des éléments. Création et composition de composants fonctionnels. Passage de données avec les props. État local avec useState. Exercices pratiques : premiers composants et interactions simples.

Jour 2États Avancés, Cycle de Vie et Routage

Gérer les événements et les formulaires. Découverte des hooks : useEffect, useContext pour la gestion de l’état global, notion de lifecyle. Virtual DOM et optimisation des rendus. Mise en place d’un routage dynamique avec React Router. Exercices pratiques : création de pages multiples et persistance d’état.

Jour 3Appels API et Bonnes Pratiques en React

Connexion à une API REST avec fetch/axios. Gestion des erreurs et chargement. Structuration des dossiers, modularité et réutilisabilité. Premiers pas vers le SEO (rendering côté client, SRR, accessibilité). Mise en œuvre d’un mini-projet fil rouge de type To-do List connectée à une API externe. Conseils pour le déploiement de l’application (Netlify, Vercel).

Méthode d'évaluation

Évaluation continue au travers d'exercices progressifs (QCM, corrections en direct)
Projet d'application type To-do List ou Blog connecté présenté à la fin de la formation

Méthode d'apprentissage

Cours en visioconférence interactifs
Démonstrations pas à pas
Sessions de questions/réponses
Exercices pratiques appliqués à des cas réels
Support de cours numérique complet fourni

Chargement en cours...

Vous souhaitez suivre cette formation ?

Les 4 derniers articles du blog

Comment le mentorat transforme la formation professionnelle en 2025 ?

Quel est l'impact de l'apprentissage en formation professionnelle en 2025 ?

Comment une PME peut-elle accéder aux financements OPCO en 2025 ?

Comment trouver une entreprise en alternance en 2025 ? Guide complet et stratégies à jour

Devenez Développeur Front-End : Maîtrisez React Pas à Pas

Objectifs de la formation

Programme

Méthode d'évaluation

Méthode d'apprentissage

Ces formations pourraient vous plaire

Maîtriser React : Créez des Applications Web Interactives et Performantes

Maîtriser la génération de fichiers PDF avec React PDF : De l’initiation à la création avancée de documents dynamiques

Maîtriser la gestion des données asynchrones avec React Query : Optimisez vos applications React

Maîtriser Ant Design pour des Interfaces React Professionnelles