Formations Web & Cloud Formation React Avancé

Formation React Avancé :
Test unitaire & Optimisation

Noté 4.1 sur 5
Logo Formation React Avancé
Prix 1500€ HT / personne
Durée 2 jours ( 14 heures )
Paris | à distance | FNE
Il ne reste que quelques places
NOUVEAU - Cafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

Présentation

React est une librairie JavaScript open source qui vous aidera à développer des interfaces utilisateurs alliant performance et facilité de maintenance. C’est une librairie JavaScript qui peut être considérée comme le V (View) dans le modèle MVC. React ne fait pas tout certes, mais il excelle dans son domaine ! React est souvent utilisé pour le développement d’applications dites « single page » (SPA), et dont les vues changent constamment (Instagram repose sur React, pour n’en citer qu’un).

Vous avez des connaissances en JavaScript React et vous souhaitez en connaitre plus ?

Venez vous perfectionner dans notre formation avancée sur React. Avec cette formation vous verrez comment tester et optimiser vos applications avec React et Redux en production.

Toujours en respectant les bonnes pratiques de développement vous sortirez de cette formation avec des connaissances solides sur React et les tests unitaires.

Cette formation, composée de cours théoriques et d’exercices pratiques, s’adresse aux développeurs souhaitant approfondir leurs connaissances  sur React et maîtriser les impacts du choix d’une architecture basée sur Redux. Vous allez pouvoir au travers d’un expert apprendre comment bâtir une solide application répondant à de fortes contraintes dans un processus d’intégration continue. Vous allez pouvoir développer des tests unitaires avec l’apprentissage de frameworks récents de Unit testing tels que Jest, Enzyme et TestCafé pour répondre à toutes les exigences de test tant unitaire, fonctionnel jusqu’au End-To-End.

Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date et ses nouveautés (React 17 ainsi que Redux 4.1).

 

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, Architecte, équipe de test type Extreme Programming (XP)

 

Pré-requis

Connaissances fondamentales sur React, ou idéalement avoir effectué notre Formation React 🚀

PROGRAMME DE NOTRE FORMATION REACT AVANCÉ

 

LES NOUVEAUTÉS REACT 17

  • Optimisation du Cache : Memoization avec memo
  • Code-splitting avec lazy
  • L’API Suspense (loader pendant le chargement d’un bundle)
  • contextType : Le contexte facile
  • Gestion des erreurs avec getDeriveStateFromError

 

INTRODUCTION AUX TESTS

  • Présentation des différents types de tests (unitaires, fonctionnels, end to end), avantages et inconvénients
  •  Qu’est-ce qu’un Framework de test, et quels outils offre-t-il pour la mise en place de tests.
  •  Comment définir une stratégie de test pertinente (quelles couches de l’application doivent être testées, de quelle manière)

 

TESTS & JAVASCRIPT (React)

  • Tour d’horizon des Frameworks de tests pour JavaScript et plus particulièrement React
    • Mocha
    • Initiation au framework Jest
    • Initiation à la librairie Enzyme
  •  Qu’est-ce que le snapshot testing
  • Qu’est-ce que le mocking, comment le mettre en place ?
    • Mocks, Fakes, Stubs, Dummy et Spy — Faire la différence ?
  •  Comment organiser ses composants tout en facilitant le testing ?

 

TESTS END-TO-END (ACCEPTANCE)

  • Qu’est-ce qu’un test end-to-end (E2E), à quoi sert-il ?
  • Tour d’horizon des différentes solutions actuelles dans la réalisation de tests end-to-end
  •  Présentation de l’outil Gherkin (Introduction au TDD, BDD)
  •  Présentation du framework TestCafé
  •  Écrire son premier feature test avec TestCafé

 

OPTIMISATION DES PERFORMANCES DE SA WEBAPP

  • Repérer un problème de performance
  • Déboguer les performances avec les outils de développement
  • Apprendre et utiliser shouldComponentUpdate
  • Obtenir une application avec la notion de « pureté »
  • Exploration des outils pour identifier les problèmes de performance

 

 CAS PRATIQUE

  • Création d’une application React avec la mise en place de tests unitaires + end-to-end
  • Refactorisation du code d’un composant existant, en y ajoutant une couverture de test
  • Créer son composant façon TDD
  • Optimisation des performances d’une application existante

 

REDUX AVANCÉ

  • Créer son application autour de Redux et la rendre scalable
  • Résoudre les problèmes avec Redux

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

Noté 3 sur 5
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
Afficher tous les témoignages
Noté 3 sur 5
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 Formations

Bonjour Matthieu,
Nous vous remercions pour votre commentaire.
Nous avons contacté le formateur afin qu’il tienne compte de vos remarques.

Noté 4 sur 5
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
Noté 4 sur 5
9 juillet 2021

Formateur très compétent. Exemples concrets.
Erreur de support au début

Vianney D. de chez HOROQUARTZ
Noté 4 sur 5
9 juillet 2021

Je recommande la formation

Nicolas C. de chez HOROQUARTZ
Noté 5 sur 5
9 juillet 2021

Je recommande la formation

Yahya L. de chez HOROQUARTZ
Noter la formation
Prix 1500€ HT / personne
Durée 2 jours ( 14 heures )
Paris | à distance | FNE
Il ne reste que quelques places
NOUVEAU - Cafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Je ne veux pas me déplacer ? Option classe virtuelle gratuite

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