Formation ReactJS
| 1800€ HT / personne |
| 3 jours ( 21 heures ) |
Présentation
React 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 React 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 17.
Objectifs
- Développer et Maîtriser les fonctionnalités dans la dernière version 16 de React la technologie JavaScript de Facebook
- 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
Public visé
Développeurs web
Pré-requis
Connaissances en JavaScript
Pour aller plus loin
Programme de notre formation React v17
Introduction
- Les fondamentaux. HTML5, CSS3, JavaScript, DOM et ShadowDom
- Design patterns applicatifs classiques. Limitations des applications JavaScript
- Ecosystème des frameworks web JavaScript
- Principes de Data-Binding : dirty-checking, observable, virtual-dom, immutabilité
- La nouvelle vision de ReactJS
- Transpilers, JSX
- Environnement de développement: IDE, outils et plug-ins
Présentation de ReactJS
- Le « V » de MVC ? MVC et Virtual Dom, un choix de performance
- Composants à état, fonction de rendu simple, performance
- JavaScript ou JSX
- Comprendre JSX
- Méthodes principales de l’API
- Création de composants de vues. Cycle de vie
- Initialisation de propriétés
ES6, ES2015 et TypeScript
- Compileurs : babel, traceur et typescript
- Nouveautés ES6 : portée, bloc, template litterals, arrow functions…
- TypeScript: Typage fort et Flow
- CommonJS & browserify/webpack
- ES6 & systemjs
Composants
- Evénements, autobinding et délégation
- Design Pattern : les composants à état
- Composer par ensembles
- Classes, constructeur et héritage
- Render, Binding
- Props VS state
- Component Data Flow : propriétaire, enfants et création dynamique
- Composants réutilisables : contrôle et transfert de propriétés
- Contrôle des composants de formulaire
- Manipulation du DOM
Single Page Application
- Présentation des Flux
- Propagation de données
- Création de vues et contrôleurs
- Rôle du Dispatcher pour les actions
- Stores, gestionnaire d’états logique
- Extension pour ReactJS : animation
- Data-binding bidirectionnel
MobX vs Redux vs Flux
MobX
- Les actions et les propriétés calculées
- Utilisation des providers et de l’injection des composants pour organiser un Store MobX
- Exemple de TODO list avec Mobx
Isomorphisme
- Principe et bénéfices du développement isomorphique: Application universelle
- Internationalisation
- Gestion des données serveur: Relay
- Écosystème du JavaScript côté serveur
- Initiation à Node.js
- Configuration de Node.js pour ReactJS
- Configuration et organisation des routes
Performance et Architecture
- Introduction et utilisation de Flux
- Introduction et utilisation de Redux
- Lifecycle hooks
- Immutabilité
- React Router
- Outils de développement & tests
- Server-side rendering
Module complémentaire React Avancé & Redux – 2 jours
Disponible uniquement sur demande pour des formations d’équipe en intraentreprise
Design patterns avancés
- HOC : Higher Order Components
- Portals : Éléments DOM distants
- IOC : Injection de dépendances avec les Context
- Fragments & render props
Redux Avancé : Advanced
- Immutabilité avancée
- Immutable.js
- Avantages & inconvénients
- Normalisation de la forme d’état
- Création d’un état par défaut normalisé
- Création Millaware Redux
- Redux Middleware
- React-redux
- Redux Thunk
- Redux Saga
- Redux DevTools
Internationalisation & optimisation
- Internationalisation VS localisation
- Bonnes pratiques
- Différences et scénarios d’utilisation
- Présentation des principales librairies d’internationalisation
- Optimisation
- Cycles de vie
- Tuning
React Native (En option uniquement)
- Introduction à ReactNative
- Développement natif mobile et tablette pour iOS, Android et Windows
- Native Components
- Asynchronous Execution
- Touch Handling
- Flexbox and Styling
- Polyfills
- Extensibility
- Views
- OpenGL Application
Formation React Avancé
Formation React Native
Formation ReactXP
Formation Redux et RxJS
Formation Angular
Formation Vue.js
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
un peu rapdie quand on part de 0
Afficher tous les témoignages
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 €.
Le formateur très compétent, serviable
On était un peu pressé sur certaine correction d’exercices le dernier jour, j’aurai bien vu 1/2 journée de plus pour voir ces corrections en étant un peu plus posés et pouvoir mieux approfondir certains concepts
Merci pour tout
Les Exercices pratiques
absence de typescript
reat avancé
Une très grosse déception concerne l’utilisation de Typescript : j’avais choisi cette formation parmi d’autres chez la concurrence parce c’était une des seules où il était au programme. Or, même si j’ai pu poser quelques questions, je m’attendais à l’utiliser lors de la formation et pouvoir soulever d’autres questions, ce qui n’a pas été le cas. **Cela n’enlève pas la qualité de la formation** mais cela ne correspond pas à mes attentes sur ce point alors qu’il me semble que j’avais précisé lors de l’évaluation pré-formation que Typescript était un point important.
Noter la formation
| 1800€ HT / personne |
| 3 jours ( 21 heures ) |
