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

• 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

• Développeurs et architectes web

• Pratique d’HTML, CSS et Javascript

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 et Redux | Développer des applications web performantes les concepts clés autour de React, à travers la réalisation d’une Single Page Application complète.

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

Un équilibre pédagogique alliant 50 % théorie et 50 % pratique.

Un questionnaire de positionnement est mis en place en amont de la formation.

L’émargement est réalisé de manière dématérialisée, via une signature numérique.

À l’issue de la formation, chaque participant reçoit l’ensemble des supports pédagogiques, incluant des vidéos et des ressources complémentaires pour approfondir les acquis.

Formation à distance :
Les sessions se déroulent en classe virtuelle via Microsoft Teams. Elles nécessitent un ordinateur équipé d’une caméra, d’un micro, de haut-parleurs ainsi qu’une connexion internet haut débit.

Le lien de connexion est transmis quelques jours avant le début de la formation.

Formation dans nos locaux et assistance disponible : 

Pour toute complication survenant avant, pendant ou après la formation, notre assistance est disponible à partir de 8h30 au +33 (0)6 47 45 07 82 .

Si vous ne parvenez pas à nous joindre par téléphone, merci de nous écrire à formation@neosoft.fr  en spécifiant en quelques mots la difficulté que vous avez rencontrée. Nous vous répondrons dans les plus brefs délais. 

En amont de la formation, un questionnaire de positionnement est adressé aux participants afin d’identifier précisément leurs besoins, leurs attentes et leur niveau de connaissances.

Le formateur évalue la progression pédagogique des participants tout au long de la formation, à travers des quiz, des mises en situation ou des travaux pratiques.

À l’issue de la formation, les participants sont invités à évaluer leur niveau de satisfaction concernant la formation suivie.

Néosoft Training s’appuie sur un processus qualité visant à analyser les éventuels dysfonctionnements remontés par les participants. Cette démarche permet de mettre en œuvre des actions correctives adaptées, tant sur le contenu pédagogique que sur les conditions de déroulement de la formation.