Formation React Avancé :
Test unitaire & Optimisation
| 1500€ HT / personne |
| 2 jours (14 heures) |
Présentation
Notre formation React Avancé vous permettra d’aborder les concepts avancés de React tels que la gestion d’état, les hooks, les composants contrôlés, la composition de composants, l’optimisation des performances et bien plus encore.
Dans cette formation, vous commencerez par approfondir les hooks, ces fonctions qui permettent d’ajouter des fonctionnalités à un composant fonctionnel, telles que le useState, useEffect et useMemo. Nous verrons comment les utiliser pour simplifier le code et améliorer les performances de l’application.
Nous verrons également comment utiliser les composants contrôlés pour gérer les formulaires et les entrées utilisateur, ainsi que comment utiliser la composition de composants pour créer des interfaces utilisateur réutilisables.
Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date et ses nouveautés (React 19 ainsi que Redux 5).
Objectifs
- Connaitre l’état de l’art des tests (outils, avantages/inconvénients, bonnes pratiques)
- Effectuer la mise en place de tests unitaires, test de composants, test d’état Redux et test de rendu IHM
- Créer des jeux de données / les mocks
- Automatiser les tests UI & les tests End-to-End (E2E)
- Connaitre les bonnes pratiques de codage (composants React / actions Redux / appels API) pour faciliter les tests
- Identifier les problèmes de performances et les résoudre
- Effectuer des cas pratiques (TP) de tests dans différentes situations
Public visé
- Développeur web
- Équipe de test type Extreme Programming (XP)
Pré-requis
- Connaissances fondamentales sur React, ou idéalement avoir effectué notre Formation React
- Tester Mes Connaissances
PRÉ-REQUIS LOGICIELS
- Windows 10 ou MacOS ou Linux de préférence (type Ubuntu 22.04, VM d’au moins 8 Go ou Physique)
- Éditeur de code, tel que Visual Studio Code, installé sur votre ordinateur
- Nodejs installé
RECOMMANDATIONS DE LECTURE AVANT ET APRÈS LA FORMATION
- La chaîne YouTube de React Conf, qui propose des présentations et des tutoriels vidéos des principaux développeurs de React
- Le blog de Robin Wieruch, qui propose des astuces et des exemples de code pour les développeurs React
- Le livre React: Up & Running de Stoyan Stefanov
- Les forums de développeurs React pour discuter avec d’autres utilisateurs et poser des questions sur le framework
PROGRAMME DE NOTRE FORMATION REACT AVANCÉ
OPTIMISATIONS
- Recherche de fuite mémoire
- Rappels sur la memoization
- Gestion des erreurs
DATA FETCHING
- Installation de react-query
- Queries
- Mutations
- Gestion du cache et configuration
NEXTJS
- Installation
- Création des routes
- Client Side Rendering
- Server Side rendering
- Static Site Generation
- Incremental Static Regeneration
- API Route
SÉCURITÉ AVEC JWT
- Qu’est-ce que JWT
- Utiliser et stocker un token
- XSS et React
TESTS UNITAIRES ET FONCTIONNELS
- Mocks
- Fakes
- Stuns
- Dummy
- Spy
- Snapshot
- Jest et React-testing-librairy
- Tests E2E
- Exemple de clean architecture
- Tests des hooks
- Tests de composants avec des hooks
- Tests asynchrones
FAQ – QUESTIONS / RÉPONSES
La formation est-elle dispensée en présentiel ou à distance ?
Cette formation se déroule en présentiel ou en distanciel.
Qu'est-ce que le CPF ?
Pourquoi suivre une formation éligible au CPF ?
Une formation finançable jusqu’à 100%
Une formation de qualité approuvée par l’instance gouvernementale France Compétences
L’obtention d’une certification délivrée par France Compétences
Que dois-je faire si mon solde CPF n’est pas suffisant ?
Comment m'inscrire via moncompteformation ?
Comment augmenter son solde CPF ?
Les cas spécifiques où le plafond est fixé à 8 000€ :
- Salarié non qualifié
- Travailleur reconnu handicapé
- Victime d’accident du travail ou de maladie professionnelle ayant entraîné une incapacité permanente d’au moins de 10 %
- Bénéficiaire d’une pension d’invalidité
- Bénéficiaire d’une pension militaire
- Bénéficiaire d’une allocation ou rente d’invalidité des sapeurs-pompiers volontaires
- Bénéficiaire de la carte mobilité inclusion portant la mention « invalidité »
- Bénéficiaire de l’allocation aux adultes handicapés (AAH)
Que dois-je faire si mon solde CPF n’est pas suffisant ?
Comment puis-je financer cette formation ?
- OPCO (opérateurs de compétences) de votre entreprise
- Le plan de développement des compétences
- Les actions collectives pour les formations Big Data
- Le dispositif FNE-Formation
- Dispositif TPE / PME
- Pôle Emploi
- L’AIF (Aide Individuelle à la Formation pour les demandeurs d’emploi)
- L’ARE (Allocation chômage d’aide au retour à l’emploi)
- Le dispositif CPF (MonCompteformation)
- Contrat cadre
Pour aller plus loin
Formation React Native
Formation React
Formation ReactXP
Formation Redux et RxJS
Formation Angular
Formation Vue.js
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Sydney
Romain
Témoignages
Je recommande la formation
Afficher tous les témoignages
Je recommande la formation
Je recommande la formation
Les + : TP
Les – : Utilisation de technologies spécifiques ( redux / rtl )
Les + : Live Coding et partir d’un projet vierge
Les – : trop courte il faudrait une journee en plus pour voir en detail tous les points donnee
Je souhaite suivre : react approfondi
Les + : formateur
Je recommande la formation
Je recommande la formation
Haut niveau
manque de temps parfois pour la saisie de code. il faut choisir entre écouter ou coder
Bien maitriser le code source et avoir un projet stable et clean.
Déploiement et environnement PROD
on a vu un large éventail de fonctionnalités
Trop de temps passé sur des choses non « avancées »
Réponse d'Ambient IT
Bonjour Matthieu,
Nous vous remercions pour votre commentaire.
Nous avons contacté le formateur afin qu’il tienne compte de vos remarques.
Les points abordés, les compétences du formateur, les exercices
Programme pas cohérent avec ce qui était prévu : la première journée n’était que des rappels React
Formateur très compétent. Exemples concrets.
Erreur de support au début
Noter la formation
| 1500€ HT / personne |
| 2 jours (14 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS
