React Présentation

2 jours pour découvrir et comprendre la librairie React.
Stage pratique, magistral et didactique, pour devenir autonome.

Objectifs :

    À l'issue de cette formation, les participants seront en mesure de :
  • Appréhender la philosophie et le fonctionnement de la bibliothèque React,
  • Développer une application Web avec React,
  • Maîtriser les impacts du choix d'une architecture incluant React et Flux.

Méthode pédagogique :

Alternance de 30% de cours magistraux et de 70% de travaux pratiques (live coding) sur machine individuelle. Le stage se déroule autour de la réalisation d'une application simple et fonctionnelle, permettant la mise en application concrète des concepts abordés. Un support de cours est remis à chaque participant au format électronique.

Public :

  • Chefs de projet Web,
  • Architectes techniques,
  • Développeurs front-end.

Pré-requis : Bonne connaissance de JavaScript, Connaissance HTML, pratique du développement web.

Au sommaire :

  • 1er jour : Introduction à React - Les choix de React - Virtual DOM - Créer un composant React (TP) - Syntaxe : JSX, ES6 (TP).
  • 2ème jour : Propriétés d'un composant (TP) - Communication inter-composants (TP) - Vers une application complète (TP) - Bonus : Isomorphisme (TP).

Tarifs :

    Formule Inter-entreprises :
  • 1250 € HT / stagiaire,
  • Prestation réalisée par nos soins en partenariat avec Clever Institut.
    Formule Intra-entreprise :
  • Devis personnalisé sur demande,
  • 8 stagiaires maximum / session,
  • Accueil possible dans vos locaux.
Contactez-nous

React Programme de la 1ère journée :

    Introduction à React :
  • Retour sur l’environnement front end actuel et son futur proche.
  • Concepts de base (data-binding, immutabilité…)
    Les choix de React :
  • Le “V” de MVC ?
  • Composants à état.
  • Fonction de rendu simple.
  • Performance.
    Virtual DOM :
  • La clé des performances de React.
  • Pourquoi et comment ?
    Travaux pratiques : Créer un composant React
  • Installation de son environnement de travail.
  • Création d’un composant simple qu’on va dynamiser ensemble.
    Travaux pratiques : Syntaxe JSX, ES6
  • Un langage pour simplifier la description du Virtual DOM.
  • Aperçu des fonctionnalités d’ES6 utilisable dès aujourd’hui et qui vont nous simplifier tout le reste !

React Programme de la 2ème journée :

    Travaux pratiques : Propriétés d'un composant
  • State vs. Properties.
  • Cas d’utilisation.
    Travaux pratiques : Communication inter-composants
  • Présentation des méthodes de communication inter-composants.
  • Flux et Reflux.
    Travaux pratiques : Vers une application complète
  • Routage.
  • Données.
  • Architecture complète.
    Travaux pratiques : Bonus Isomorphisme
  • Faire fonctionner son application aussi bien côté client que serveur, presque sans modification.
Contactez-nous