ReactJS, maîtriser le framework JavaScript de Facebook

1 - Débutant

21 heures 0 mins

Bibliothèques et frameworks javascript

Objectifs de la formation

Développer avec ReactJS
Concevoir une SPA avec ReactJS et Flux
Comprendre le subset JavaScript JSX
Optimiser les performances des RIA

Programme de la formation

Rappels des composants des RIA

Rappels : HTML, CSS, JavaScript et le DOM.
Limites des architectures JavaScript classiques.
Principes de Data Binding : dirty checking, observable, Virtual DOM.
Découverte de React : philosophie, atouts, performances.
JSX : syntaxe, intérêt, transpilation.
Environnement moderne : installation via Vite, remplacement de Create React App.
Maitrise de creatroot, automatic batching, rendu concurrent.

Travaux pratiques

installation de l’environnement et création d’un premier composant React.

Développer avec ReactJS

Architecture MVC et Virtual DOM.
Comprendre JSX en détail, bonnes pratiques.
Composants fonctionnels et disparition progressive des classes.
Cycle de vie et hooks de base : useState, useEffect, useRef.
Gestion de l’état et rendu dynamique.
Passage de données par les props.

Travaux pratiques

création de composants fonctionnels interactifs avec hooks.

Interactivité des composants

Gestion des événements et binding automatique.
Communication parent/enfant, levée d’événements.
Composition et hiérarchie des composants.
Formulaires contrôlés et validation.
Optimisation des rendus avec React.memo, useCallback, useMemo.
Les hooks : useTransition, useDeferredValue pour interfaces fluides.

Travaux pratiques

Création d’une interface utilisateur réactive avec formulaires et transitions.

Application monopage avec ReactJS et Flux ou Redux

Principe du flux unidirectionnel : actions, dispatcher, stores, vues.
Présentation et comparaison Flux / Redux.
Architecture fonctionnelle et reducers.
Simplification avec Redux Toolkit et les hooks useSelector, useDispatch.
Alternatives modernes : Zustand, Recoil, Context API.
Gestion de la récupération de données : fetch, useActionState, useOptimistic, TanStack Query.

Travaux pratiques

Développement d’une SPA complète gérant les données et les états.

Application isomorphique et rendu serveur

Principe et intérêt du rendu isomorphique.
Introduction à Node.js pour le rendu serveur.
Configuration SSR : React DOM Server, hydratation, streaming SSR (React 19).
Server Components : architecture mixte client/serveur et réduction du JavaScript chargé.
Présentation des frameworks compatibles (Next.js 14, Remix).

Travaux pratiques

mise en œuvre d’un rendu SSR simple et comparaison avec CSR.

Introduction à React Native

Présentation de React Native et différences avec Cordova ou Ionic.
Concepts communs : JSX, composants, hooks, Virtual DOM natif.
Avancées React 19 intégrées à React Native.
Aperçu d’un projet multiplateforme.

Démonstration

Création d’une mini-application mobile simple avec React Native.

MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS

Modalités pédagogiques :

Évaluation des besoins et du profil des participants.
Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
Méthodes expositive, active et participative.
Réflexion et échanges sur cas pratiques.
Retours d'expériences.
Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.

Modalités d’évaluation :

Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.

Éléments matériels :

Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.

Référent pédagogique et formateur :

Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.

MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS

Feuilles de présences signées des participants et du formateur par demi-journée.
Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.

Please login to get access to the quiz

Back to Bibliothèques et frameworks javascript

Public

Développeurs JavaScript, architectes et chefs de projets Web.

Pré-requis

Pratique du développement Web, maîtrise et pratique de JavaScript (ES5 minimum).

Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en effectuant le test disponible en bas de cette page.

Lieu de formation

Intra-entreprise/à distance

Dates ou période

À définir. Nous consulter

Tarif

Sur devis. Merci de nous contacter

Modalités

Pour s’inscrire à notre formation, veuillez nous contacter par mail ou téléphone.

Démarrage de la formation sous deux semaines (délai indicatif).

Nous contacer

training@profind.fr

Assistance technique

Une assistance technique et pédagogique est mise à disposition tout au long du parcours de formation. En cas de difficulté liée à l’utilisation des outils de visioconférence, à l’accès aux ressources nécessaires aux travaux pratiques ou au suivi de la formation, notre équipe est joignable par téléphone ou par e-mail afin de vous apporter une réponse dans les meilleurs délais.

Informations complémentaires

Pour toute réclamation, aléas ou difficultés rencontrés pendant la formation, veuillez prendre contact avec notre organisme par téléphone ou par e-mail. Nous mettrons tout en œuvre pour trouver une solution adaptée.

Formation synchrone, réalisée à distance en visioconférence via l’application Microsoft Teams ou en présentiel dans les locaux du client.

Accessibilité handicap

Notre organisme de formation s’engage à favoriser l’accès à ses formations aux personnes en situation de handicap. Nous analysons les besoins spécifiques de chaque participant en amont de la formation afin de mettre en place les adaptations pédagogiques, techniques ou organisationnelles compatibles avec le déroulement de l’action de formation.

Bibliothèques et frameworks javascript