Formation React
1700€
1530€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 vous allez découvrir comment exploiter pleinement cette technologie web avancée.
Comme tous nos programmes, notre formation porte sur la toute dernière version en date de cette librairie (React 16.5.2 sortie en septembre 2018 à la date de l’article).
Objectifs
- Développer et Maîtriser les fonctionnalités dans la dernière version 15 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
Afin de compléter cette formation nous vous proposons une formation exclusive sur la Programmation reactive fonctionnelle avec Redux et RxJS et une formation sur la version full mobile avec React Native !
Programme de la formation React
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 composant 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
- Ecosystè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
React Native (En option)
- 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
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
Sydney à créé plusieurs entreprises et est maintenant freelance full stack JavaScript. Titulaire d’un master en Digital Business de l’IE business school de Madrid, il fait partie de la génération 42. Passionné par les tendances technologiques et leur impact sur l’apprentissage. Il est le globetrotter d’Ambient.
Alexandre
Notre formateur passionné vous proposera de partager son expérience acquise notamment chez Interactive Data, le n°3 mondial de la distribution de données financières et Somhome, une startup proposant des services de location comme « airBnB »
Témoignages
L’approche pédagogique est très efficace. Merci pour cette formation.
Afficher tous les témoignages
L’approche pédagogique est très efficace. Merci pour cette formation.
Merci à Sydney pour cette semaine intense, très bon formateur sur React.
Une formation utile et bien menée !
Heureux de ces 3 jours à coder en React, très sympas et compétents. Merci à Alexandre pour cette formation.
Noter la formation
1700€
1530€HT/ personne
3 jours (21 heures)
Une question ? Un projet ?
Pour des informations complémentaires, n’hésitez pas à nous contacter.