Accueil Nos formations Formation React 18 et Redux | Développer des applications web performantes

Formation React 18 et Redux | Développer des applications web performantes

Prochaines dates

Modalités d’accès :

  • en Inter – compter 4 semaines de délai
  • en Intra – compter 8 semaines de délai (nous consulter)

Du 22 au 24 Avril 2024 – Inscrivez-vous vite 

Objectifs

Maîtriser les bases nécessaires à la mise en œuvre d’une application React

Encapsuler et réutiliser son code grâce à des hooks personnalisés

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

Description

React 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 de formation React 18 et Redux les concepts clés autour de React, à 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
Hooks
  • Gestion des hooks
  • Création de hooks personnalisés
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

Évaluation

Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de quizz, mises en situation, travaux pratiques…

Avant la formation, un questionnaire de positionnement est envoyé aux participants afin de mieux comprendre les besoins, les attentes et le niveau de connaissances des participants.
En fin de formation, il est également demandé aux participants de mesurer leur satisfaction vis-à-vis de de la formation suivie.

Néosoft 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.

Accès

  • 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

  • Adresse
    • 3 rue de Tolbiac 75013 Paris

Informations pratiques

Prochaines sessions

22 avril 2024
2participants minimum
10participants maximum
79%de satisfaction sur les 24 derniers mois (17 avis)

Réservez votre place

Nos formations liées