Formations Web & Cloud Formation ReactJS

Formation ReactJS

Noté 0 sur 5
Logo Formation React - ReactJS
Prix 1800€ HT / personne
Durée 3 jours ( 21 heures )

Paris | à distance | FNE

Il ne reste que quelques places
NewCafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

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

  • 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

  • Évé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é
  • 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

  • MobX vs Redux vs Flux
  • 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

Pour aller plus loin

Formation React Avancé

Formation React Native

Formation ReactXP

Formation Angular Avancé

 

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

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

Noté 4 sur 5
11 mai 2022

Alterner théorie et pratique

Alexendre R. de chez EXPLORE

Afficher tous les témoignages

Noté 4 sur 5
11 mai 2022

Alterner théorie et pratique

Alexendre R. de chez EXPLORE
Noté 3 sur 5
11 mai 2022


Anthony G. de chez EXPLORE
Noté 4 sur 5
11 mai 2022

Je recommande la formation

Johann D. de chez EXPLORE
Noté 4 sur 5
11 mai 2022

Je recommande la formation

Meal D. de chez EXPLORE
Noté 5 sur 5
21 janvier 2022

Je recommande la formation

Eline T. de chez TUFFIGO RAPIDEX
Noté 5 sur 5
21 janvier 2022

Formation privée entre nous et le formation, il s’adapte donc a notre besoin

Arnaud G. de chez TUFFIGO RAPIDEX
Noté 5 sur 5
21 janvier 2022

Les tests
Les tests

Adrien H. de chez TUFFIGO RAPIDEX
Noté 5 sur 5
19 janvier 2022

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 !

Eline T. de chez TUFFIGO RAPIDEX
Noté 5 sur 5
19 janvier 2022

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

Adrien H. de chez TUFFIGO RAPIDEX
Noté 5 sur 5
19 janvier 2022

la mise en pratique des exercices, les explications
la prochaine formation prévue est celle de Qt

Norbert . de chez TUFFIGO RAPIDEX
Noté 4 sur 5
19 janvier 2022

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

Arnaud G. de chez TUFFIGO RAPIDEX
Noté 4 sur 5
5 novembre 2021

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

MADIOR T. de chez Sonatel Orange
Noté 4 sur 5
5 novembre 2021

NodeJS

PAPE M. de chez Sonatel Orange
Noté 4 sur 5
9 juin 2021

un peu rapdie quand on part de 0

Frederic B. de chez Saur
Noté 5 sur 5
9 juin 2021

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.

Duy Minh T. de chez Sopra Banking Software
Noté 5 sur 5
30 septembre 2020

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 €.

Emmanuel A. de chez ISOGEO
Noté 5 sur 5
30 septembre 2020

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

Jean S. de chez CS GROUP
Noté 4 sur 5
30 septembre 2020

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.

Philippe M. de chez CS GROUP
Noté 3 sur 5
8 juillet 2020

le formateur Sydney super
Formation dense sur 3 jours
Formation Symfony

Ayman A. de chez ABGX
Noté 5 sur 5
8 juillet 2020

Je recommande la formation

Arthur P. de chez ABGX
Noté 3 sur 5
8 juillet 2020

Formation complète et intéressante
Formateur techniquement compétent, disponible et sympathique
Participation à distance via GoToMeeting très fluide et agréable, facile à prendre en main
Trop de longues phases de théories suivies de longues phases de pratique, j’aurais préféré plein de petits exercices au fur et à mesure de l’explication des concepts.
Formation un peu trop dense par rapport au temps disponible, difficile de bien appréhender tous les concepts – peut-être séparer Redux du reste de la formation ? Ou faire la formation en plusieurs fois avec des travaux à réaliser sur l’intersession ?
Prérequis d’installation envoyés le samedi après-midi pour le lundi (peut-être dû à mon inscription tardive ?) : pas très agréable, car j’ai découvert ça le lundi matin en allumant mon PC pour la formation, et c’est stressant de commencer en se disant qu’on a déjà loupé quelque chose.
A distance, inciter tous les participants à allumer leur webcam, c’est plus agréable.
En début et fin de journée, faire des tours de table pour savoir comment chacun se sent, et s’il y a des choses à modifier pour les jours suivants.
De courtes pauses (même juste 5 minutes) auraient été bienvenues, surtout durant la première matinée très théorique.
Corriger les coquilles dans les slides, c’est dommage en tant que stagiaire de repartir avec des exemples comportant des erreurs.
Pendant les longues phases de mise en pratique, le formateur pourrait prendre un temps individuel avec chacun, en commençant par ceux qui sont le moins à l’aise, car c’est dommage d’arriver à la fin de l’exercice et de voir que certains sont perdus et n’ont pas osé demander d’aide.

Laura G. de chez Nicomak
Noté 5 sur 5
8 juillet 2020

Bon équilibre entre théorie et pratique, exercices pratiques très intéressants, super formateur
support de formation contenant des petites erreurs parfois

Julien A. de chez ABGX
Noté 5 sur 5
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
Noté 5 sur 5
14 juin 2019

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

Miroljub d'Uppli
Noté 5 sur 5
14 juin 2019

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

Jacqueline G. chez clever institut
Noté 5 sur 5
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 IT

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

Noté 5 sur 5
13 septembre 2018

Approche pédagogique est très efficace

Nicolas L. chez nomadvantage
Noté 4 sur 5
12 septembre 2018

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

Nicola N. chez Nomadvantage
Noté 5 sur 5
3 juillet 2018

Une formation utile et bien menée.

Guillaume F. chez asi
Noté 5 sur 5
25 janvier 2018

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

Yann de chez Logestia
Noté 5 sur 5
3 juillet 2017

Une formation utile et bien menée !

Guillaume F. chez ASI
Noté 4 sur 5
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

Prix 1800€ HT / personne
Durée 3 jours ( 21 heures )

Paris | à distance | FNE

Il ne reste que quelques places
NewCafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?

Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.

ILS SE SONT FORMÉS CHEZ NOUS

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp