ReactJS (Live Virtual Class)

Durée

3,00 jour(s)

Langue(s) de prestation

EN FR

Prochaine session

Qui organise cette formation ?

OXiane est spécialisé dans la conception et la réalisation de formations informatiques et de supports de cours pédagogiques sur les dernières technologies. Nos différentes filières permettent de couvrir tous les besoins en formation que ce soit en IT au sens large, mais également "Utilisateurs" et "Soft Skills" en Management, Communication & leadership.

À qui s'adresse la formation?

Chefs de projets, Developpeurs

Prérequis

HTML5 / CSS3 / JavaScript (ES6)

Objectifs

Découvrez le framework ReactJS à travers cette formation.

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

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 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
- Échanger 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é.