Accueil>Formations courtes>ReactJS : les fondamentaux du framework

ReactJS : les fondamentaux du framework

Développez des interfaces web avancées avec ReactJS

Description de la Template formation courte

Description de la formation ReactJS : les fondamentaux du framework

React est une bibliothèque JavaScript populaire pour la création d'interfaces utilisateur dynamiques. Elle est soutenue par Facebook et est largement adoptée pour sa flexibilité, sa performance, et sa facilité d'utilisation.   

Cette formation couvre les concepts fondamentaux de React, y compris les composants, le state, les props, les hooks et le cycle de vie des composants. Les participants apprendront à construire des applications web interactives en utilisant React, et les composants les plus populaires comme react-router, axios , react-icons, react-bootstrap ou Material-UI.  

Objectifs

A l'issue de cette formation, les participants seront en mesure de :

  • Mettre en place l'environnement de développement web 
  • Utiliser le JavaScript Moderne (ECMASCRIPT 5 et +) 
  • Utiliser les bases de nodejs, npm et webpack 
  • Appliquer les bonnes pratiques du framework REACT 
  • 4 jours (28 heures)
  • Référence : REA1

Sessions INTER

  • A distance ou en présentiel
  • 2000 € HT

INTRA ENTREPRISE

  • Dans vos locaux ou à distance

React est une bibliothèque JavaScript populaire pour la création d'interfaces utilisateur dynamiques. Elle est soutenue par Facebook et est largement adoptée pour sa flexibilité, sa performance, et sa facilité d'utilisation.   

Cette formation couvre les concepts fondamentaux de React, y compris les composants, le state, les props, les hooks et le cycle de vie des composants. Les participants apprendront à construire des applications web interactives en utilisant React, et les composants les plus populaires comme react-router, axios , react-icons, react-bootstrap ou Material-UI.  

Objectifs

A l'issue de cette formation, les participants seront en mesure de :

  • Mettre en place l'environnement de développement web 
  • Utiliser le JavaScript Moderne (ECMASCRIPT 5 et +) 
  • Utiliser les bases de nodejs, npm et webpack 
  • Appliquer les bonnes pratiques du framework REACT 

A qui s’adresse cette formation ?

Pour qui ?

Développeur front ou back souhaitant découvrir REACT 

Prérequis

Bonne connaissance du HTML, des CSS et JavaScript 

Programme

Introduction à React 

  • Présentation de React 
  • Avantages et utilisation de React 
  • Historique de React 
  • Mise en application / TP

JavaScript Moderne 

  • Introduction aux fonctionnalités ES6+ 
  • Les classes : héritage, encapsulation, getter et setter 
  • Les modules 
  • Arrow functions 
  • Destructuring 
  • Spread operator 
  • Rest operator 
  • Utilisation des littéraux de gabarit (template literals) 
  • Mise en application / TP

TypeScript 

  • Introduction à TypeScript 
  • Avantages de TypeScript avec React 
  • Configuration de TypeScript dans un projet React 
  • Mise en application / TP

Outils de Développement JavaScript

  • Webpack 
  • Babel 
  • ESLint 
  • create-react-app 
  • Visual Studio Code : gestion des paramètres, des raccourcis et des extensions adaptées aux développement d’application React 
  • Mise en application / TP

Grands principes de React 

  • Les composants 
  • Le virtual DOM 
  • Cycle de vie d’un composant 
  • JSX 
  • Mise en application / TP

Gestion de l'État et des Props et principaux hooks 

  • Le state 
  • Les props 
  • Les principaux hooks : useState, useEffect, useContext, useReducer, useRef, useMemo, useForm, etc. 
  • Mise en application / TP

Routage dans React 

  • Les routes avec react-router 
  • Gestion des routes et des paramètres 
  • Navigation programmée 
  • Mise en application / TP

Gestion des requêtes HTTP asynchrones avec Axios 

  • Introduction à Axios 
  • Installation et configuration d'Axios dans un projet React 
  • Utilisation d'Axios pour effectuer des requêtes HTTP GET, POST, PUT, DELETE 
  • Gestion des erreurs et des réponses avec Axios 
  • Interception des requêtes et des réponses avec Axios 
  • Mise en application / TP

Tests dans React 

  • Tests unitaires avec Jest 
  • Tests d'interface utilisateur avec React Testing Library 
  • Mise en application / TP

Performance et Optimisation 

  • Optimisation des performances avec React 
  • Utilisation de React.memo et useCallback 
  • Profilage et débogage des performances 
  • Mise en application / TP

Déploiement sur un Serveur de Préproduction 

  • Préparation de l'application pour la production 
  • Déploiement un serveur personnalisé 
  • Mise en application / TP

Bilan de fin de formation et évaluation des acquis

Le(s) formateur(s) préssenti(s)

Christophe

Après bientôt 25 ans d'expertise et d'enseignement, Christophe maitrise un très large spectre de compétences : technologies front-end et backend, Datas & méthodologies IT.

Christophe G

Après bientôt 25 ans d'expertise et d'enseignement, Christophe maitrise un très large spectre de compétences front et back, BigData ainsi qu'en termes de méthodologies agiles et gestion de projet.  Christophe saura vous faire profiter de ses nombreux retours d'expérience.

Yvan

Expert Javascript

Yvan DOUENEL

Fondateur de Copernet, Yvan occupe désormais le poste de coordinateur pédagogique au sein de Diginamic. 

Sessions et réservation

DatesLieuPrixDurée 
Du 28 Mai au 31 Mai 2024Montpellier2000 € HT4 joursSession garantie
Du 28 Mai au 31 Mai 2024A distance2000 € HT4 joursSession garantie
Du 09 Juillet au 12 Juillet 2024Montpellier2000 € HT4 joursSession garantie
Du 09 Juillet au 12 Juillet 2024A distance2000 € HT4 joursSession garantie
Du 29 Juillet au 01 Août 2024Montpellier2000 € HT4 joursSession garantie
Du 29 Juillet au 01 Août 2024A distance2000 € HT4 joursSession garantie

Un besoin spécifique ? contactez-nous !