React propose une nouvelle façon d'aborder le développement de composants Web, simple et efficace.

Lors de cette formation React, en deux jours essentiellement pratiques, nous aborderons les principes de cette librairie, en quoi elle change les choses, la syntaxe, les bonnes pratiques, l'outillage et nous réaliserons une application complète.

Les objectifs

• Découvrir React et son fonctionnement
• Écrire des composants avec les nouvelles syntaxes JSX et ES2015
• Comprendre et intégrer l'architecture Flux
• Mettre en place un environnement de développement
• Écrire une application complète

Pré-requis

• Un bon niveau JavaScript (ES5), c'est-à-dire que vous êtes à l'aise avec des concepts comme "closures", écoutes d'évènement (DOM ou jQuery), voire que vous avez déjà l'expérience d'un framework type Angular ou Backbone.
• Apportez votre ordinateur portable

Le programme de la formation React

Jour 1

Introduction
Retour sur l’environnement frontend 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, comment ?

Jour 2

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 !

Propriétés d’un composant (TP)
State vs. Properties, cas d’utilisation.

Jour 3

Communication inter-composants (TP)
Présentation des méthodes de communication inter-composants, Flux, Redux.

Vers une application complète (TP)
Routage, données, architecture complète.

Bonus : Isomorphisme (TP)
Faire fonctionner son application aussi bien côté client que serveur, presque sans modifications.

Le(s) formateur(s)

Bruno Heridet est un développeur web spécialisé dans l'écosystème JavaScript, qu'il s'agisse d'applications front-end (navigateurs, Firefox OS) de programmes autonomes (serveurs et outils NodeJS) ou du gossip impliquant les leaders de projets open-source. Il participe régulièrement aux éditions de LyonJS ou NantesJS, ainsi qu'aux Human Talks de ces deux villes.

Nicolas Chambrier est expert dans les technologies du web, et notamment JavaScript aussi bien côté client (jQuery, HTML5, DOM…) que serveur (Node.js). Après un démarrage en tant que "techos à tout faire" dans une petite société d'informatique, il a affûté ses talents de développeur et d'architecte logiciel et réseau en agence web, avant de devenir "DevOp" indépendant. Vous pouvez suivre ses expériences sur Node.js sur son blog. Vous pourrez également le rencontrer régulièrement au LyonJS dont il est un membre actif. Vous pourrez trouver une interview de Nicolas Chambrier sur le blog de Human Coders