Fiche Formation

React

Développer une application avec ReactJS

Objectifs

  • Maîtriser les bases nécessaires à la mise en oeuvre 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

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
Retourner au catalogue des formations
Durée3 jours
LieuParis

Prochaines Sessions

01 juillet 2019
SOAT
1 690€

Auteur

Intervenant

Réserver une place

Informations Pratiques

file_download Télécharger la fiche

Vous avez des questions ?

N'hésitez pas à nous contacter pour réserver votre formation, ou si vous avez des questions sur nos formations :

  • call 01 44 75 42 55
  • print 01 44 75 42 55
  • mail_outline training@soat.fr
  • location_on SOAT TRAINING - 87-89 quai de Panhard et Levassor - 75013 Paris
link  Formulaire de contact

Réservez votre formation

contact

Par téléphone : 01 44 75 42 55

Par Fax : 01 44 75 05 25

Par mail : training@soat.fr

Par courrier : SOAT TRAINING - 87-89 quai de Panhard et Levassor - 75013 Paris

Ou directement en ligne