React niveau 2

Présentation

Dans le paysage dynamique du développement web moderne, la maturité des outils et des pratiques est essentielle pour répondre aux exigences croissantes en matière de performance et d’expérience utilisateur ; dans ce contexte, React s’est imposé comme une solution de choix. Cette formation de niveau 2 est conçue pour les personnes qui ont déjà une expérience avec React et qui souhaitent approfondir leurs compétences.
Au cours de cette formation, vous découvrirez une meilleure gestion de vos composants et comment s'appliquer une rigueur technique et fonctionnelle lors de la création d'un projet React. Pour cela, vous verrez comment gérer le style en local dans le composant avec les modules CSS et les styled-components. Vous apprendrez également à gérer les états globaux et les contextes, en utilisant les contextes et React-Redux. Enfin, la qualité et la fiabilité étant au cœur du développement logiciel, vous vous familiariserez aux stratégies de tests (unitaires, d'intégration et end-to-end - e2e) et apprendrez à rédiger une documentation technique claire et à jour, en utilisation des outils de génération automatique, comme TypeDoc.
Avec cette formation, vous serez non seulement en mesure d’enrichir vos applications React avec des fonctionnalités avancées, mais aussi d’assurer leur qualité et leur pérennité grâce à des pratiques de développement éprouvées et à une documentation rigoureuse.

Objectifs de la formation

• Savoir appliquer un style local à un composant
• Savoir résoudre les soucis de prop drilling
• Comprendre l’importance des politiques de tests et de la documentation technique
• Découvrir comment coder des tests applicatifs
• Apprendre la syntaxe de documentation autogénérée

Public

• Toute personne souhaitant améliorer ses compétences en développement web front-end.

Prérequis

• La maitrise de JavaScript est nécessaire
• Une bonne compréhension de React est nécessaire

Programme

Rappels des fonctionnalités de React

Environnement d’exécution, modules et Node
Concepts de React et le JSX
Les composants et props
Les hooks et states
React router

Gestion du style en React

Le style en objet inline
Les modules CSS
Le style avec styled-components

Contexte et state globales

Les limites des props, prop drilling
Utiliser Context pour rendre les props accessibles
Les outils de gestion de state (React-Redux, etc.)

Les tests

Concept de tests (unitaires, end-to-end, intégration)
Politique de tests et recommandations
Les modules de testing (Jest, Playwright, etc.)
L’environnement de test (mocker, faker, etc.)

La documentation technique

Concepts, utilité et recommandations
Les outils de documentation autogénérées
Exemple avec TypeDoc

Date de dernière modification : 22/03/2024

Ces formations pourraient vous intéresser

• React avec TypeScript

  Au cours de la dernière décennie, l’évolution rapide du web a stimulé le besoin d’un « JavaScript étendu » enrichissant l’expérience utilisateur avec de nouvelles fonctionnalités tout en simplifiant le …

  En savoir plus

• React : les fondamentaux

  Avec l’évolution des usages du web de cette dernière décennie, il s’est développé un fort besoin d’un « JavaScript étendu » pour fournir de nouvelles fonctionnalités aux utilisateurs, dans un langage …

  En savoir plus

• JavaScript : Design Patterns et orienté prototype

  JavaScript est un langage disposant de multiples paradigmes de programmation en son sein. On y retrouve des éléments de programmation fonctionnelle avec l’utilisation massive des fonctions « map », « reduce » …

  En savoir plus