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 :
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 :
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 JavascriptYvan DOUENEL
Fondateur de Copernet, Yvan occupe désormais le poste de coordinateur pédagogique au sein de Diginamic.
Sessions et réservation
Dates | Lieu | Prix | Durée | ||
---|---|---|---|---|---|
Du 28 Mai au 31 Mai 2024 | Montpellier | 2000 € HT | 4 jours | Session garantie | |
Du 28 Mai au 31 Mai 2024 | A distance | 2000 € HT | 4 jours | Session garantie | |
Du 09 Juillet au 12 Juillet 2024 | Montpellier | 2000 € HT | 4 jours | Session garantie | |
Du 09 Juillet au 12 Juillet 2024 | A distance | 2000 € HT | 4 jours | Session garantie | |
Du 29 Juillet au 01 Août 2024 | Montpellier | 2000 € HT | 4 jours | Session garantie | |
Du 29 Juillet au 01 Août 2024 | A distance | 2000 € HT | 4 jours | Session garantie |