REACT JS Introduction

Objectifs

Connaissance de base en JavaScript

Public cible

Développeurs

Contenu

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 à 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é.