Informations pratiques

• Voir nos formateurs
• 20 rue des Frigos, 75013

  Voir le plan
• 3 jours
• 1 690€

Prochaines sessions :

Contactez-nous à training@soat.fr

Nombre de participants maximum : 10

• Comment s'inscrire ?
• Conditions générales de vente
• Réservez une place

Objectifs

• Maîtriser les bases nécessaires à la mise en œuvre d’une application ReactJS
• Maîtriser les techniques de flux unidirectionnel avec Redux
• Adopter une stratégie de tests unitaires

Public

• Développeurs et architectes web

Pré-requis

Pratique d’HTML, CSS et Javascript

Fermer X

Méthodes pédagogiques

50 % théorie / 50 % pratique

Modalités d'évaluation

Un questionnaire d’évaluation à chaud sera adressé aux participants à la fin de la formation. Cette évaluation mesure le niveau 1 de Kirkpatrick.

Description

ReactJS s’impose aujourd’hui comme l’une des principales librairies pour la création d’applications riches, rapides et agréables à développer.

Elle a su innover en apportant une approche « hiérarchie de composants » permettant la réutilisation de briques logicielles facilement.

L’ajout de librairies supplémentaires permet de composer un véritable framework : système de routing, gestion des requêtes Http, gestion d’état applicatif par flux unidirectionnel, outillage de tests unitaires.

Nous aborderons durant ces 3 jours les concepts clés autour de ReactJS, à travers la réalisation d’une Single Page Application complète.

Programme

Rappels Javascript / ES6

• Variables, tableaux et JSON
• Déstructuration des objets et tableaux
• Fonctions et classes, portée des variables
• Asynchrone et Promises
• Modules ES6

Concepts

• Qu’est-ce qu’une single page application
• Virtual DOM
• Hiérarchie de composants

Les composants

• Composants de type Classe et Fonction
• JSX, render et interpolation de contenu
• Passage de paramètres avec Props
• Cycle de vie d’un composant
• Gestion d’état d’un composant
• Gestion des évènements
• Formulaires et controlled components
• High Order Components et children

Composants et style

• Approche classique avec CSS
• Les CSS Modules
• Les Styled Components

HTTP avec AXIOS

• Méthodes de requêtes Http
• Configuration des requêtes
• Gestion des erreurs
• Transformer requêtes et réponses avec les Interceptors

Router avec REACT-ROUTER

• Définir ses routes et sous-routes
• Méthodes de redirection
• Le HOC withRouter

Flux unidirectionnel avec Redux

• Une architecture de type flux
• Store, actions et reducers
• Middleware et gestion des effets de bord avec redux-thunk

Tests unitaires

• Jest et langage d’assertion
• Jest et mocks
• Enzyme et manipulation du JSX
• Tester axis avec axios-mock-adapter
• Tester redux avec redux-mock-store