Bibliothèques et frameworks javascript

Objectifs

• Connaître les spécificités de ReactJS
• Savoir développer des applications web performantes avec ReactJS
• Être en mesure de comprendre les impacts du choix d'une architecture incluant ce type d'application

Programme

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 : JS, 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

Communication inter-composants (TP)

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

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 modification