Formation ReactJS Réf : react01

Par Nicolas Chambrier

Créer des interfaces utilisateurs graphiques riches avec la nouvelle librairie JS soutenue par Facebook.

Durée :
3 jours
Lieux :
Paris

1 500 € HT (prix conseillé)

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

Description

React est une librairie JavaScript open source maintenue par Facebook / Instagram créée en 2011. Elle permet la création d'interface utilisateur graphique (GUI) riche. L'accent est mis sur la compréhension du développeur. React privilégie un sens unique et prévisible de la propagation des données (one way data binding) et facilite la coopération entre composants autonomes (components). Ainsi, en l'absence d'un état métier (state) éparpillé et d'un couplage fort, les effets de bord sont cloisonnés. Il est alors plus simple de raisonner sur une application complexe dans son ensemble et de travailler en équipe. Pour appuyer sa philosophie, React bouscule certaines pratiques établies. Le rendu de l'application est recalculé intégralement à chaque changement d'état, mais grâce à un DOM virtuel (virtual DOM) faisant office de tampon haute performance par dessus le navigateur, seuls les éléments modifiés sont re-rendus. Un nouveau langage facultatif, JSX, facilite aussi la cohabitation entre le DOM et JavaScript au sein d'un même composant. 

Objectifs pédagogiques

A l’issue de cette formation, les participants seront en mesure de :
  • Appréhender la philosophie et le fonctionnement de React,
  • Développer une application web avec ce framework,
  • Maîtriser les impacts du choix d'une architecture incluant ce type d'application.


Public

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

Pré-requis

Bonne connaissance de Javascript, Connaissance html, pratique du développement web.

Type

Stage pratique

Méthode pédagogique

Alternance de présentation magistrale (30%) et de travaux pratiques sur machine individuelle (70%).

Plan de cours

 

PROGRAMME DE LA 1ERE JOURNEE

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

Créer un composant React (TP)

Installation de son environnement de travail
Création d’un composant simple qu’on va dynamiser ensemble

Syntaxe : JSX, ES6… (TP)

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 !

PROGRAMME DE LA 2NDE JOURNEE

Propriétés d’un composant (TP)

State vs. Properties
Cas d’utilisation

Communication inter-composants (TP)

Présentation des méthodes de communication inter-composants
Flux et Redux

Vers une application complète (TP)

Routage
Architecture complète

PROGRAMME DE LA 3EME JOURNEE

VERS UNE APPLICATION COMPLÈTE - suite (TP)

Internationalisation

SERVEUR (TP)

Gestion des données serveur (aperçu de Relay)
Isomorphisme ("Application universelle")

 

Prochaines sessions

picto Du lundi 29/05 au mercredi 31/05 2017 Paris 1 500 € fleche S’inscrire à la session du lundi 29/05 au mardi 31/05
picto Du lundi 10/07 au mercredi 12/07 2017 Paris 1 500 € fleche S’inscrire à la session du lundi 10/07 au mardi 12/07
picto Du lundi 11/09 au mercredi 13/09 2017 Paris 1 500 € fleche S’inscrire à la session du lundi 11/09 au mardi 13/09
picto Du lundi 13/11 au mercredi 15/11 2017 Paris 1 500 € fleche S’inscrire à la session du lundi 13/11 au mardi 15/11
picto Du mercredi 13/12 au vendredi 15/12 2017 Paris 1 500 € fleche S’inscrire à la session du lundi 13/12 au mardi 15/12
Proposer une session.

Témoignages

J'ai apprécié la formation de part l'actualité et la modernité des cours, ainsi que la transmission d'un support très utile.
Fabien L.

J'ai beaucoup appris. Merci !
David F.

Bonne répartition entre le cours et les exercices!
Thibaut Gilbert

Bonne formation avec beaucoup de pratique !
Yannick E.

Formateur très compétent et accessible.
Jérémie Wipff

Gurval Leost, Commercial

Gurval Leost a fait part de son intérêt pour une session de cette formation entre le lundi 21 mars 2016 et le jeudi 26 mai 2016 à Paris

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « Technologies front-end »  – Voir toutes les formations