Nos domaines de formation :
Toutes nos formations Développement Front-End

Formation ReactJS, maîtriser le Framework JavaScript de Facebook

4,4 / 5
Stage pratique
meilleur vente
Durée : 3 jours
Réf : TJS
Prix  2019 : 2030 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

Prenant à contrepied les modèles traditionnels, le framework maintenu par Facebook favorise la simplicité et la performance des composants de RIA. Vous apprendrez dans ce cours à développer des applications avec ReactJS, JSX et Flux et découvrirez le principe et les bénéfices du développement isomorphique.

Objectifs pédagogiques

  • Développer avec ReactJS
  • Concevoir une SPA avec ReactJS et Flux
  • Comprendre le subset JavaScript JSX
  • Optimiser les performances des RIA

Travaux pratiques

Vous réaliserez une application complète basée sur le framework ReactJS.

Méthodes pédagogiques

Développement guidé. 50% de théorie illustrée par 50% de pratique.
PROGRAMME DE FORMATION

Rappels des composants des RIA

  • Les fondamentaux. HTML, CSS, JavaScript. Le DOM.
  • Design patterns applicatifs classiques. Limitations des applications JavaScript.
  • Ecosystème des frameworks JavaScript.
  • Principes de Data-Binding : dirty-checking, observable, virtual-dom.
  • ReactJS, positionnement et philosophie.
  • JSX, présentation. Mise en œuvre "Transpilers".
  • Environnement de développement. IDE et plug-ins.

Travaux pratiques
Mise en place de l'environnement de développement. Initiation à JSX. Définition de la structure de l'application.

Développer avec ReactJS

  • Approche : MVC et Virtual Dom, un choix de performance.
  • Utiliser JavaScript ou JSX.
  • Comprendre JSX en détail. Pièges à éviter.
  • Méthodes principales de l'API.
  • Création de composant de vues. Cycle de vie.
  • Initialisation de propriétés.
  • "Render Function" : gestion des états de composant.

Travaux pratiques
Définition et réalisation de composants selon les spécifications déterminées.

Interactivité des composants

  • Gestion des événements. "autobinding" et délégation.
  • Design Pattern : stratégie pour les composants à état.
  • Composer par ensembles.
  • "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.

Travaux pratiques
Création d'un ensemble structuré de composant UI.

Application monopage avec ReactJS et Flux ou Redux

  • Flux/Redux : présentation. Propagation de données.
  • Comparaison des architectures.
  • Création de vues et contrôleurs dans Flux.
  • Rôle du "Dispacther" dans Flux pour les actions.
  • Les "Stores", gestionnaire d'états logique dans Flux.
  • Définition du Functionnal Programming.
  • Approche avec Redux. Le "Reducer".
  • Extension pour ReactJS : "hot-loader".

Travaux pratiques
Intégration d'une SPA.

Application isomorphique

  • Principe et bénéfices du développement isomorphique.
  • Ecosystème du JavaScript côté serveur.
  • Initiation à NodeJS.
  • Configuration de NodeJs pour ReactJS.
  • Organisation de routes.

Travaux pratiques
Prérendu serveur d'une application.

Introduction à React Native

  • Positionnement, différences avec Cordova.
  • De React aux composant iOS natifs, un projet à suivre.

Démonstration
Application utilisant React Native.

Participants / Prérequis

» Participants

Développeurs JavaScript, architectes et chefs de projets Web.

» Prérequis

Pratique du développement Web, maîtrise et pratique de JavaScript (ES5 minimum).
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis vérifiés
picto avis vérifiés
GOUJON P. 26/11/2018
5 / 5
Pistes d'amelioration: - Moins de temps sur "use strict" - Au moment du switch "state" -> "redux state", bien préciser de quel state on parle - Donner peut etre plus d'infos sur la partie "mise en prod de l'app" (build dev vs prod, puis déploiement, puis comment la servir etc...) - Peut etre donner quelques infos sur comment tester son application (mocha, ...) - Faire installer un linter aux stagiaires dès le début

CARRERE 26/11/2018
5 / 5
R.A.S Bonne formation d'introduction Parfait pour démarrer

Helene T. 07/11/2018
5 / 5
on a pris un peu de retard à cause du niveau des participants hétérogènes

Damien P. 07/11/2018
5 / 5
Formateur excellent, mais temps un peu limité pour le contenu !

Gwenhael B. 07/11/2018
5 / 5
Très bonne formation de qualité

Jérémy D. 23/10/2018
4 / 5
Le contenu de la formation est bon par contre il est nécessaire d'avoir de solides bases en Javascript et d'avoir pratiqué un peu React .Je pense que beaucoup de personnes n'ont pas réussi à compléter l'ensemble des TP étant donné le temps accordé.

Adrien D. 23/10/2018
4 / 5
Bon contenu et bonne pédagogie du formateur. Les exercices et la correction en direct apportent du dynamisme et aident à l'assimilation des différents concepts. Le cours est bien adapté à une personne un peu familière avec React, mais débutante. Petit bémol: le cours est probablement trop dense pour une personne n'ayant aucune notion de React (3 jours obligent), mais trop peu avancé pour une personne ayant d[eacu

Nicolas L. 23/10/2018
4 / 5
Formation intéressante mais trop dense. Suite à un TP nous n'avons pas le temps de regarder la correction pour bien comprendre. Tout se déroule sans prendre en compte la compréhension des personnes formées. Le formateur est très compétent sur le sujet, dommage que la formation ne soit pas plus interactive.

Roméo G. 23/10/2018
5 / 5
Formateur très pédagogue, on voit qu'il maîtrise totalement son sujet. React étant une technologie volumineuse en apprentissage, il est obligé de tenir des délais courts. Le rythme était donc soutenu mais la proportion de pratique par rapport à la théorie a correctement été jaugée ce qui permet de palier à la vitesse difficile à suivre. Le contenu a correctement été amen[eacut

Arnaud M. 23/10/2018
5 / 5
Très bonne formation avec un rythme très soutenue mais agréable.

Stéphane Z. 23/10/2018
5 / 5
Bon contenu mais trop de TP

Laurent L. 23/10/2018
5 / 5
Positif : La présentation des cours et des corrections est très claire et bien compréhensive. Les TP sont de qualité. Seul point négatif : Pour quelqu'un n'ayant pas pratiqué REACT, la durée de formation trop faible par rapport à l'ensemble des sujets abordés.

Rosa 23/10/2018
5 / 5
bon équilibre théorie/pratique

Yves P. 03/10/2018
4 / 5
Déséquilibre entre la charge des journées selon les thèmes abordés: - un peu lent sur les rappels - trop rapide sur redux

Elliot E. 03/10/2018
4 / 5
Déséquilibre de contenu entre le 1er et dernier jours. Le rythme du 2eme jour était mieux. J'aurais souhaité passe plus de temps sur le contenu vu le dernier jour et moins de temps sur le contenu du 1er jour.

Julien F. 03/10/2018
4 / 5
Le formateur va parfois un peu vite

Pierre B. 03/10/2018
4 / 5
Le contenu est bon, mais la première journée peut être trop détaillée et la dernière trop "lourde", il y a un déséquilibre selon les journées.

Honore T. 03/10/2018
4 / 5
Trop de temps imparti aux TP, les bases théoriques sont survolées

Thomas T. 03/10/2018
5 / 5
très bon formateur

Guillaume R. 03/10/2018
5 / 5
Contenu intéressant. J'ai apprécié les travaux pratiques (TP) qui sont abordables malgré la difficulté du sujet. La progression du niveau de difficulté est bien adaptée. Le seul point négatif est la gestion du temps. Les TPs sont un peu lents au début, et trop rapides à la fin. Il faudrait soit étendre la formation à 4 jours ou bien réduire le temps des TPs au début.
Avis client 4,4 / 5

Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.