Bibliothèques et frameworks javascript

Objectifs

• Développer une application web avec ReactJS
• Maîtriser les impacts du choix d'une architecture incluant ce type d'application.

Programme

Rappels

• Définir un vocabulaire commun et connaitre les éléments du langage les plus couramment utilisés
• ES6 (nouveautés du langage)
• Programmation fonctionnelle (High order function, …)

React

• Principes de base
  • Comprendre l’intérêt de react par rapport a ses concurrents et la façon dont il a été pensé.
• Composants (classe, stateless component, High Order Component)
  • Apprendre à écrire les composants et découper sa page en composants réutilisables
• Etats des composants (data)
  • Comment garder de la donnée au sein d’un composant ou l échanger entre composants
• Redux
  • Comprendre les limites de l’utilisation des états des composants
  • Echanger de la donnée entre plusieurs composants
  • Séparer la Donnée de la Vue
  • Comprendre l’intérêt du pattern Redux par rapport aux concurrents (two-way binding par exemple)
• Principes du pattern (flux unidirectionnel, store, reducer, actions, …)
• redux-saga
• React-router objectifs: construire une SPA dont les urls sont bookmarkables
• Tests / debugging objectifs produire une application de qualité avec des tests unitaires et de composant
• Optimisations des applications (vitesse, mémoire, …)
  • Comprendre le fonctionnement de la librairie et les premières choses à mettre en place pour éviter des traitements supplémentaires.
  • Utiliser des outils pour voir où intervenir dans le code en priorité.