Informations pratiques

  • 20 rue des Frigos, 75013
    Voir le plan
  • 3 jours
  • 1 690€
Prochaines sessions :
Nombre de participants maximum : 10

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

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

Evaluation

En fin de formation, il vous est demandé la mesure de votre satisfaction de la formation suivie. Celle-ci se déroule individuellement en ligne à l’aide de votre PC. Cette évaluation vous permet de nous communiquer votre avis sur l’organisation de la session, les conditions d’accueil, les objectifs pédagogiques, les méthodes pédagogiques, les moyens et supports utilisés ainsi que les qualités pédagogiques de votre formateur. Les appréciations que vous avez formulées font l’objet d’un enregistrement et d’une analyse qualitative de la formation et du formateur au regard des autres sessions réalisées. SOAT Training dispose d'un processus qualité qui prend en considération les éventuels dysfonctionnements rencontrés par les participants afin d’être proactif quant à la solution corrective adaptée tant sur le contenu de la formation elle-même que les conditions de son déroulement.

Mis à jour :

Réservez une place

Vous avez des questions ?

Contactez-nous pour réserver votre formation, ou poser vos questions sur nos formations :

T: 01 44 75 42 55
F: 01 44 75 05 25

Adresse postale

Sequana 1 - 89, quai Panhard et Levassor - 75013 Paris

Informations pratiques

Métro

Bibliothèque François Mitterand
Quai de la Gare

RER

Bibliothèque François Mitterand

Bus

Pont de Tolbiac
François Mitterand

Tramway

Avenue de France
L'accès à SOAT se fait au 20 rue des Frigos, 75013 Paris
Notre établissement est accessible aux personnes en situation de handicap :
accès et déplacement dans les locaux, 2 grands ascenseurs, toilettes dédiées.

Formations liées

SOAT Training est labellisé OPQF et certifié Qualiopi. Nos formations combinent de nombreuses approches.

intermédiaire
Formation Xamarin | Développer une application mobile
Technologies
Mobile
débutant
Formation Usine logicielle et intégration continue
DevOps
Culture
Outils
Technologies
Java
débutant
Formation Spring | Développer applications Java
Technologies
Java
Depuis plus de 15 ans, nous développons une expertise pointue et complète sur les technologies Java. Nos formateurs suivent de près les évolutions de cet écosystème. En fin pédagogues, ils vous transmettront leurs connaissances au travers des formations qu’ils animent