Sélectionner une page
Formations Langage JavaScript Formation React Avancé

Formation React Avancé :
Test unitaire & Optimisation

Logo Formation React Avancé
Prix 1500€ HT / personne
Durée 2 jours (14 heures)
Parcours CPF

Paris | Classe Virtuelle

Il ne reste que quelques places
Cafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Aide au Financement 4000€ de Bonus Atlas en CPF

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 18 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.

 

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 ?

Le CPF (Compte Personnel de Formation) est un dispositif régit par l’état français pour permettre aux salariés de disposer d’un financement mobilisable uniquement pour la formation.

Pourquoi suivre une formation éligible au CPF ?

Pour profiter des nombreux avantages qu’offre le 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 ?

Contactez-nous ! Nos conseillers peuvent vous aider à trouver des sources de financement complémentaires en fonction de votre situation, tels que Pôle emploi, votre entreprise, vous-même (via carte bleue), ou encore l’OPCO Atlas.

Comment m'inscrire via moncompteformation ?

Il suffit de cliquer sur le bandeau vert «CPF» à droite de l’écran (ou en haut si vous utilisez un mobile). Vous devrez ensuite sélectionner une date de session depuis le site MonCompteFormation.

Comment augmenter son solde CPF ?

Vous êtes crédités à la fin de chaque année travaillée sur votre compte Moncompteformation. Vous pouvez recevoir jusqu’à 500 euros par an. Le plafond est fixé à 5 000€ sauf pour des cas spécifiques où la limite atteint 8 000€..

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 ?

Contactez-nous ! Nos conseillers peuvent vous aider à trouver des sources de financement complémentaires en fonction de votre situation, tels que Pôle emploi, votre entreprise, vous-même (via carte bleue), ou encore l’OPCO Atlas.

Comment puis-je financer cette formation ?

Contactez-nous pour trouver une solution de financement sur mesure ! Nous vous aiderons à choisir parmi les options suivantes :

  • 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

Sydney

Sydney à créé plusieurs entreprises et est maintenant freelance full stack JavaScript. Titulaire d’un master en Digital Business de l’IE business school de Madrid, il fait partie de la génération 42. Passionné par les tendances technologiques et leur impact sur l’apprentissage. Il est le globetrotter d’Ambient.
Romain

Romain

Développeur web rigoureux et passionné, mes compétences s’étendent du domaine frontend (Javascript, React / Redux, GraphQL) au backend (PHP / MySQL / API / Symfony…). J’attache une importance à la qualité du code (tests unitaire/fonctionnels, clarté, complexité). Adepte de la méthodologie SCRUM, je livre du code de manière itérative, accompagné par des tests d’intégration continue (Unitairement / Fonctionnellement).

Témoignages

23 juin 2023

Je recommande la formation

Florian A. de chez SEMARCHY

Afficher tous les témoignages

23 juin 2023

Je recommande la formation

Florian A. de chez SEMARCHY
23 juin 2023

Je recommande la formation

Laurent R. de chez SEMARCHY
23 juin 2023

Les + : TP

Les – : Utilisation de technologies spécifiques ( redux / rtl )

Julien V. de chez SEMARCHY
14 avril 2023

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

Nicolas P. de chez AP-HP
14 avril 2023

Les + : formateur

Aimen B. de chez Inspire FRANCE
13 juin 2022

Je recommande la formation

Jean-Baptiste M. de chez Électre
1 juin 2022

Je recommande la formation

Kevin G. (Développeur)
1 juin 2022

Haut niveau

manque de temps parfois pour la saisie de code. il faut choisir entre écouter ou coder

Arnaud L. de chez
1 juin 2022

Bien maitriser le code source et avoir un projet stable et clean.

Déploiement et environnement PROD

Achraf D. de chez Électre
9 juillet 2021

on a vu un large éventail de fonctionnalités

Trop de temps passé sur des choses non « avancées »

Matthieu J. de chez HOROQUARTZ

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.

9 juillet 2021

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

Céline R. de chez HOROQUARTZ
9 juillet 2021

Formateur très compétent. Exemples concrets.

Erreur de support au début

Vianney D. de chez HOROQUARTZ

Noter la formation

Prix 1500€ HT / personne
Durée 2 jours (14 heures)
Parcours CPF

Paris | Classe Virtuelle

Il ne reste que quelques places
Cafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Aide au Financement 4000€ de Bonus Atlas en CPF

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

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp