Développement en React - cours gratuit de ThinkNetica, formation 9 semaines, Date 28 novembre 2023.

1. Présentation de React

Un aperçu complet de React et de son écosystème. Faisons connaissance avec les concepts de base, les principes fondamentaux, la configuration de l'environnement, le concept de composant et ses types, JSX.

2. Façons de créer une application React

Apprenons à créer des applications de différentes manières et avec différents outils (à partir de zéro, en utilisant Webpack et Babel. JS / Créer une application React / Suivant. JS / Gatsby), avec et sans rendu côté serveur.

3. Styles dans une application React

Apprenons à définir des styles pour une application React et à les gérer à l'aide d'outils modernes (PostCSS, styled-components, styled-jsx).

4. Propriétés et état des composants

Explorons le concept de propriétés dans les composants. Apprenons comment les transférer et effectuer une vérification de type. Comprenons le concept et les fonctionnalités de l'utilisation de l'état d'un composant (état).

5. Composants avec et sans état

Présentons le concept de composant sans état et découvrons les avantages de l'utilisation de cette approche.

6. Cycle de vie des composants

Étudions les éléments du cycle de vie des composants et apprenons à les utiliser dans la pratique.

7. Hooks intégrés et personnalisés (React Hooks)

Rassemblons les pratiques d'utilisation d'un nouvel outil de la bibliothèque React pour améliorer la lisibilité et la réutilisation dans le code.

8. Tests avec la bibliothèque de tests Jest et React

Au fur et à mesure que nous développons l'application, nous écrirons des tests pour nos composants à l'aide de Jest et de la bibliothèque de tests React.

9. Interaction avec l'API

Nous développerons une application qui interagira avec des API externes, recevra et enverra des données via l'API et les affichera sur le front-end.

10. Routage dans l'application (React Router), les portails (React Portals)

Apprenons comment faire correspondre l'URL et afficher la page souhaitée sans recharger, comme cela devrait fonctionner dans une application à page unique. Nous analyserons des cas complexes, tels que le traitement des paramètres entrants, les redirections, les pages d'erreur, les accès autorisés et les fenêtres modales à l'aide de portails.

11. Gestion des événements

Introduisons le concept d'événements synthétiques dans la bibliothèque React. Apprenons à les traiter, à mettre en œuvre le glisser-déposer et à travailler avec le presse-papiers.

12. Contexte et authentification

Examinons de plus près le nouveau mécanisme contextuel de la bibliothèque React. Apprenons à l'utiliser efficacement dans une application. Apprenons à travailler avec l'authentification, localStorage et les cookies.

13. Façons de créer des formulaires

Nous apprendrons les nuances de la création de formulaires simples et complexes pour une application en utilisant différentes approches et outils (sans outils tiers, React Hook Form, Formik)

14. Assemblage de production et déploiement

Atelier sur l'organisation de la structure des fichiers du projet, la mise en place de l'environnement et la préparation de l'assemblage et du déploiement de l'application avec support ultérieur.

Facultatif. Redux
Approches déclaratives et middleware. Application de Redux utilisant dans un projet.