Formation React

Vous souhaitez développer des applications web modernes et performantes ? Avec notre formation, découvrez les avantages et les fonctionnalités de React, le framework JavaScript le plus populaire pour créer des interfaces utilisateur. Apprenez à utiliser les composants, les événements, les props et les états de React pour construire des applications web réactives et scalables.

Présentation

Qu’est ce que React ?

React est un framework JavaScript open-source développé par Facebook en 2013. Il est utilisé pour construire des interfaces utilisateur de haute qualité pour les applications web et mobiles. React permet de créer des composants réutilisables qui gèrent leur propre état, ce qui facilite la création d’applications complexes à partir de modules simples.

Avantages de React

React est connu pour sa vitesse, sa flexibilité et sa simplicité. Il permet de créer des applications réactives et performantes grâce à sa gestion efficace des changements d’état et de données. Le framework est simple à utiliser, notamment grâce à sa syntaxe claire et concise. En utilisant React, vous pouvez créer des applications web qui sont faciles à maintenir et à évoluer.

 

Objectifs de la formation

  • Comprendre les fondamentaux de React, y compris les JSX, les composants, les props et l’état (state).
  • Apprendre à créer des composants fonctionnels et à utiliser les hooks pour gérer l’état et le cycle de vie des composants.
  • Maîtriser la gestion de l’état de l’application avec useState, useEffect et d’autres hooks.
  • Se familiariser avec le système de routage en React pour développer des applications single-page (SPA) avec React Router.
  • Apprendre à gérer les formulaires, les entrées utilisateur et les validations dans React.
  • Comprendre les concepts avancés tels que le Context API pour la gestion de l’état global et la réutilisation des composants.
  • Découvrir les meilleures pratiques pour l’optimisation des performances des applications React, y compris la mémorisation et le lazy loading.
  • S’initier à la gestion du style des applications React avec CSS et des solutions telles que styled-components.
  • Apprendre à tester les composants React et l’application avec des outils comme Jest et React Testing Library.
  • Se familiariser avec le déploiement d’applications React et les considérations relatives à l’environnement de production.

Public cible et prérequis

Cette formation React s’adresse aux développeurs ayant des bases pratiques en JavaScript et HTML/CSS.

  • Développeurs web
  • Développeurs d’applications mobiles

Programme complet

Introduction et rappels

– HTML, CSS, JavaScript
– Quelles sont les limites des outils classiques ?
– Les frameworks et librairies JavaScript
– React dans cet écosystème
– Node, NPM
– Comment développer avec React (IDE, navigateurs, plugins)

React

– DOM vs Virtual DOM
– La transpilation, ES6, Babel, Webpack
– JSX
– React : une bibliothèque, une API
– Point d’entrée : injection initiale d’un composant dans le DOM
– Boilerplate : Create React App

La Programmation Orientée Composant avec React

– Créer des composants
– Lifecycle des composants
– Gérer les états des composants
– Data Flow, Props vs States
– Class components vs functional components
– Gestion du style (SASS, SCSS, JSS)

La logique dans React

– Qu’est-ce que la logique à l’échelle d’une application React ?
– Deux patterns très utilisés : HoC, Render props
– La logique via les functional components
– Séance pratique avec des APIs

La création d’applications avec React

– Comment gérer la propagation des données ?
-> Provider/Consumer pattern
-> Stores globaux
– Comment gérer le routage ? Dans un browser ? Dans une application ?
-> React Router
– Gérer les erreurs côté front-end & error boundaries
– Comment architecturer son projet ? Ses dossiers ?
-> Exemples de patterns & architectures classiques

Isomorphisme / Server Side Rendering (SSR) / Compléments avancés

– Pourquoi rendre une application isomorphe ? Intérêts et inconvénients
– Comprendre les concepts d’une application isomorphique
– Hydratation dynamique du DOM
– Les différentes techniques côté serveur
– Redux en détail
– Intro à React Native
– Optimisations avancées (code splitting & imports dynamiques, immutabilité, selecteurs, …)

Infos clés

Prix: 3600 €

pour un groupe de 1 à 5 personnes en formation intra

Durée : 21 h (3 jours)

Présentiel ou distanciel

En 2024 et si vous êtes affilié à l’OPCO Atlas (Syntec), votre reste à charge sera de : 0€

Contactez-nous

 

Posez-nous vos questions sur l'audit.

Présentez-nous votre infrastructure.

Échangez avec notre équipe technique.

Laissez-nous vous donner un coup de main

Ce site est protégé par reCAPTCHA, par la Politique de Confidentialité et les Terms of Service de Google.