Formation ReactJS
| 1800€ HT / personne |
| 3 jours ( 21 heures ) |
Présentation
ReactJS est une bibliothèque open-source JavaScript développée par Facebook depuis 2013 en partenariat avec Instagram et soutenue par une grande communauté de développeurs.
Le but principal de cette librairie est de faciliter la création d’application Single-Page via des composants dépendant d’un état et générant du HTML à chacun de ses changements.
Grâce à ses performances élevées, elle a tout de suite conquis les entreprises, dont Airbnb, Sony, Netflix !
Avec cette formation sur ReactJS vous allez découvrir comment exploiter pleinement cette technologie web avancée, sur l’une des librairies les plus utilisées notamment dans les nouveaux projets de Web Apps.
Comme tous nos programmes, notre formation porte sur la toute dernière version en date de cette librairie à savoir ReactJS 18.
Objectifs
- Découvrir les spécificités de ReactJS 18
- Maîtriser les fonctionnalités dans la dernière version 18 de React la technologie JavaScript de Facebook
- Développer des applications web avec ReactJS
- Créer des composants web complexes rapidement
- Application SinglePage avec React.JS, Flux et isomorphisme
- Mettre en place une application web performante
- Appréhender React Native
- Savoir optimiser les performances des RIA
Public visé
- Développeurs web
- Architectes
- Chef de projets
Pré-requis
- Connaissances en JavaScript ES5 minimum
Programme de notre formation React JS
Introduction
- Rappels, de ES6 à ESNext
- JavaScript, DOM et ShadowDom
- Design patterns applicatifs classiques.
- 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 Webpack
- Composants à état, fonction de rendu simple, performance
- JavaScript ou JSX
- Comprendre JSX
- Méthodes principales de l’API
- 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
ES6, ES2015 et TypeScript
- Compileurs : transpiler avec Babel
- TypeScript: Création et configuration avec ESLint (TSLint)
- Passer de Flow à Typescript par l’exemple
- Workflow et bonnes pratiques
Composants
- Fragments
- Événements, autobinding et délégation
- Design Pattern : les composants à état
- 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)
- Manipulation du DOM
- Portals
HOOKS
- useState
- useEffect – comprendre le cycle de vie et les désabonnements
- useReducer
- Séparer la logique d’un composant pour augmenter sa réutilisation
- useRef
- Comprendre la mémorisation et la notion de pureté
- useCallback
- useMemo
NOUVEAUTÉS REACT18
- useId
- useTransition
- Suspense API
- Lazy loading et code splitting
ROUTING AVEC REACT ROUTER
- Principe d’une SPA
- Installation de react-router-dom (v6)
- Création des routes
- Configuration et organisation des routes
- Les différents modes de navigation
- Redirection et Historique
- Route Privée
CONTEXT
- Définition et cas d’utilisation
- Création de plusieurs contextes
- Utilisation des différents contextes
LIBRAIRIES DE COMPOSANTS
- SemanticUI
- MaterialUI
- React-Bootstrap
- AntDesign
- Comment utiliser une librairie sans créer de dette technique
REDUX
- Comprendre Redux
- Installer redux-toolkit
- Les actions, creators et dispatchers
- Utilisation des providers et de l’injection des composants pour organiser un Store
- Redux
- Exemple de TODO list avec Redux
- Redux VS Context? Quand utiliser lequel ?
PERFORMANCE ET ARCHITECTURE
- Immutabilité
- High Order Component (HOC)
- Outils de développement & tests
- Server-side rendering
Pour aller plus loin
Formation React Avancé
Formation React Native
Formation ReactXP
Formation Angular Avancé
Formation Angular
Formation Vue.js
Autour du sujet
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Sydney
Alexandre
Témoignages
Comprendre la partie théorique et la pratiquer étape par étape .
Echanger plusieurs points générales avec Fabio , techniques et méthodologiques .
React avancé .
Merci beaucoup pour votre professionnalisme et réactivité .
Afficher tous les témoignages
Comprendre la partie théorique et la pratiquer étape par étape .
Echanger plusieurs points générales avec Fabio , techniques et méthodologiques .
React avancé .
Merci beaucoup pour votre professionnalisme et réactivité .
Formation très complète, on commence par des rappels, puis une base de React, et on termine par Redux
Point négatif : Il n’y en a pas
React avancé, qui est déjà prévu 🙂
Excellente formation pour apprendre React.JS. La partie Redux est assez compliqué à assimiler, mais heureusement qu’on a un bon formateur 🙂
Compétence du formateur. Exercices pratiques fluides et amusants
Je n’en vois pas vraiment
symfony avancé, solidity, web3, nextjs
React Avancé
Alterner théorie et pratique
–
–
Je recommande la formation
Je recommande la formation
Je recommande la formation
Formation privée entre nous et le formation, il s’adapte donc a notre besoin
Les tests
Les tests
La pratique permet de bien comprendre le cours
Peut-être un poile rapide, il faut rallonger de quelques heures pour pouvoir plus prendre le temps
Formateur très pédagogue et à l’écoute !
Cette formation permet d’avoir un bon niveau de départ dans cette technologie afin d’être autonome.
Tout le monde a un point là, mais là je ne vois pas.
Prévu React Avancée, QT6 et Rust
Je suis un commentaire
la mise en pratique des exercices, les explications
la prochaine formation prévue est celle de Qt
Cours en ligne, echanges entre les eleves et le formateur
3 jours c’est court, on va très vite sur chaque tp pour avoir le temps de tout voir
La base et La pratique
La durée et la distance
React native, Flutter
Etq developpeur mobile j’aurai bien voulu pousser pour la partie react Native avec un session d’au moins 5 jours.
Au moins pour dérouler un projet (POC) Abouti
NodeJS
un peu rapdie quand on part de 0
Bonne présentation théorique, des exemples et de nombreuses exercices. Le sujet est bien cerné.
Très rapide à cause du peu de temps de 3 jours au total.
React avancée
Je suis satisfait.
La technologie est très facile à prendre en main, assez difficile à maîtriser parfaitement mais c’est pourquoi il y a de nombreuses choses à voir. Fabio est un très bon formateur, calme et pédagogue.
Peut-être un peu courte, j’ai le sentiment qu’un jour supplémentaire aurait permis de vraiment assimiler plus de choses en travaillant par exemple sur un plus gros projet structuré et en mettant en avant certaines bonnes pratiques à utiliser quelque soit le projet.
La formation en React Avancée d’abord. Si j’en ai l’occasion, j’aimerais aussi me perfectionner dans de nombreuses autres technologies : C#, SQL, les API Rest, le protocole OAuth2, Nextjs, Azure, Node.js… Normalement, Isogeo me laisse le droit à une formation par an à hauteur de 4000 €.
Noter la formation
| 1800€ HT / personne |
| 3 jours ( 21 heures ) |
