Formation React

4,8 rating
Logo Formation React - ReactJS

2000€

1800€ HT / personne

3 jours (21 heures)

Paris
Il ne reste que quelques places
Disponible aussi en intra-entreprise pour former votre équipe.

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, 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 (React 16.9.0 version sortie en août 2019 à la date de l’article).

 

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

Afin de compléter cette formation, nous vous proposons 3 formations exclusives :

Programme de notre formation React v16

 

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 Avance & Redux – 2 jours

 

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)

  • 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

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

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

5,0 rating
14 juin 2019

Très bonne formation ! Parfaite pour plonger sans React de manière concrète et guidée ! Merci !

Antoine B. chez STIME
Afficher tous les témoignages
5,0 rating
14 juin 2019

Très bonne formation ! Parfaite pour plonger sans React de manière concrète et guidée ! Merci !

Antoine B. chez STIME
5,0 rating
14 juin 2019

Très bon formateur Fabio mais la durée trop courte.

Miroljub d'Uppli
5,0 rating
14 juin 2019

Peut-être un jour de plus de formation pour pouvoir prendre son temps. Merci Fabio.

Jacqueline G. chez clever institut
5,0 rating
18 mars 2019

La formation semble avoir été très bonne. C’est donc un succès !

Olivier de chez Digital League

Réponse d'Ambient Formations

Merci, très bonne expérience de notre côté également !

5,0 rating
13 septembre 2018

Approche pédagogique est très efficace

Nicolas L. chez nomadvantage
4,0 rating
12 septembre 2018

L’approche pédagogique est très efficace. Merci pour cette formation.

Nicola N. chez Nomadvantage
5,0 rating
3 juillet 2018

Une formation utile et bien menée.

Guillaume F. chez asi
5,0 rating
25 janvier 2018

Merci à Sydney pour cette semaine intense, très bon formateur sur React.

Yann de chez Logestia
5,0 rating
3 juillet 2017

Une formation utile et bien menée !

Guillaume F. chez ASI
4,0 rating
12 décembre 2016

Heureux de ces 3 jours à coder en React, très sympas et compétents. Merci à Alexandre pour cette formation.

Eric M. Chez Razorfish
Noter la formation

2000€

1800€ HT / personne

3 jours (21 heures)

Paris
Il ne reste que quelques places
Disponible aussi en intra-entreprise pour former votre équipe.

Une question ? Un projet ?

Pour des informations complémentaires, n’hésitez pas à nous contacter.