React niveau 2
Développement FrontendDurée
3 jour(s)Niveau
AvancéRéférence
DE-128
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
1- 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
2- Gestion du style en React
Le style en objet inline
Les modules CSS
Le style avec styled-components
Les bibliothèques de style (Bootstrap, Tailwind, etc.)
3- 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.)
4- 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.)
5- La documentation technique
Concepts, utilité et recommandations
Les outils de documentation autogénérées
Exemple avec TypeDoc
Date de dernière modification : 25/10/2024
Cette formation ne dispose pas d'évaluation pour le moment.
Organisation
Modalités d'évaluation :
Questionnaires à choix multiples (QCM) en fin de formation. L'intervenant formulera également une appréciation sur vos acquis pour l'entièreté de la formation.
Moyens pédagogiques :
Formation alternant la théorie et la pratique, avec un intervenant présentant la formation en direct. Possibilité de réaliser cette formation en face-à-face dans nos locaux, dans vos locaux d'entreprise ou à distance via visioconférence.
Une fois terminée, vous disposerez d'une attestation de suivi de la formation, ainsi que des contenus de cours relatifs au contenu présenté.
Informations pratiques :
En cas de dispense dans nos locaux, le matériel informatique est fourni et l'ensemble des commodités sont accessibles. Nos locaux sont également accessibles aux personnes à mobilité réduite : découvrir notre centre.
Retrouvez toutes les informations pratiques pour préparer votre formation sur notre page dédiée : informations pratiques.
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 …
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 » …
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 …