Aller au contenu principal

React

Date de mise à jour :
Identifiant Offre Info : 14_AF_0000110395
Organisme responsable : Ambient it (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

Maîtriser les fonctionnalités de la dernière version de React, la technologie JavaScript de Meta Développer des applications web avec React Créer des composants web complexes rapidement Application SinglePage avec React.JS et Typescript Optimiser les performances d'une application React Utiliser Redux pour la gestion d'état

Programme de la formation

INTRODUCTION Rappels, de ES6 à ESNext JavaScript, DOM et VirtualDOM Limitations des applications JavaScript Écosystème des frameworks web JavaScript modernes La nouvelle vision de ReactJS Environnement de développement : IDE, outils et plug-ins PRÉSENTATION DE REACTJS Virtual Dom, un choix de performance Create-react-app VS Vite Composants à état, fonction de rendu simple, performance JavaScript ou JSX Comprendre le JSX Création de composants de vue Initialisation des props Comprendre le…

INTRODUCTION Rappels, de ES6 à ESNext JavaScript, DOM et VirtualDOM Limitations des applications JavaScript Écosystème des frameworks web JavaScript modernes La nouvelle vision de ReactJS Environnement de développement : IDE, outils et plug-ins PRÉSENTATION DE REACTJS Virtual Dom, un choix de performance Create-react-app VS Vite Composants à état, fonction de rendu simple, performance JavaScript ou JSX Comprendre le JSX Création de composants de vue Initialisation des props Comprendre le passage de props Lifting up state - intérêts et inconvénients React et CSS: css-in-js, modules CSS ou styled-component et portée du style ESNEXT, ES2015 ET TYPESCRIPT TypeScript: Création et configuration avec ESLint (TSLint) Conserver les mêmes normes et qualité de code au sein du projet Mise en place de husky et lint-staged COMPOSANTS Fragments Découper une application par composants Props VS state Component Data Flow : circulation des informations entre composants Composants réutilisables : contrôle et transfert de propriété Contrôle des composants de formulaire : solution propriétaire ou utilisation de librairies (Formik, react-hook-form) Validation de formulaire avec yup Manipulation du DOM Portals HOOKS useState useEffect - comprendre le cycle de vie et les désabonnements useLayoutEffect useReducer Séparer la logique d'un composant pour augmenter sa réutilisation Création d'un customHook useRef OPTIMISATION DES PERFORMANCES Comprendre la mémoïsation et la notion de pureté useCallback useMemo React Memo NOUVEAUTÉS DE REACT 18 & 17 useId useTransition useDeferredValue Suspense API Lazy loading et code splitting Transition facilitée pour les mises à jour futures de React Modifications des événements pour mieux supporter les applications hybrides React Suppression de certaines API obsolètes React Concurrent Mode : composants en parallèle pour améliorer les performances React Server Components, permettant un rendu côté serveur avec interaction côté client Mise à jour progressive : qui permet aux développeurs de définir des priorités pour les mises à jour de l'interface utilisateur. Outils de débogage améliorés Meilleure prise en charge de Suspense pour la gestion des chargements de données ROUTING AVEC REACT ROUTER ...

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

28 h

Financement

Conventionnement
Non

Conditions d'accès

Publics visés

  • Agent de la fonction publique
  • Autre public
  • Bénéficiaire allocation retour à l'emploi
  • Bénéficiaire allocation solidarité spécifique
  • Bénéficiaire du revenu de solidarité active
  • Demandeur d'emploi
  • Enseignant
  • Femme
  • Formateur
  • Militaire en reconversion
  • Public dans le cadre du contrat d'apprentissage
  • Public dans le cadre du contrat de professionnalisation
  • Public en emploi
  • Public sans emploi
  • Salarié
  • Salarié dans le cadre du CIF
  • Salarié dans le cadre du DIF
  • Salarié dans le cadre du plan de formation
  • Salarié en contrat aidé
  • Salarié en période de professionnalisation
  • Salarié en reconversion
  • Tout public

Informations sur les publics

Développeurs web Lead Developer

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Connaissance de base en HTML / CSS / JS

Lieu de réalisation de l'action

Modalités d'enseignement

Formation mixte

Adresse

140 Avenue Jean Lolive
93500 Pantin

Responsable : Ambient IT

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
Ambient it
93500 Pantin
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes