⚛️ React 17 : Cours Complet React Débutant à Avancé (2021)

Maîtrisez React.js : Guide Complet pour Développeurs

React.js est devenu la référence incontournable pour le développement d'interfaces utilisateur riches et dynamiques. Développé par Facebook et maintenu par une vaste communauté de développeurs, ce projet open-source est essentiel pour créer des applications web modernes.

Ce que vous allez apprendre :

• Fondamentaux React.js :

  • Comprendre et maîtriser la syntaxe JSX pour créer des éléments React de manière intuitive.
  • Développer des composants autonomes et réutilisables, la clé d'une architecture de code propre et efficace.
  • Utiliser la syntaxe JSX avancée, incluant la notation à points pour l'organisation des modules.
  • Définir et transférer des attributs avec les props, la méthode standard pour passer des données entre composants.
  • Explorer les différentes manières de transmettre des props et des enfants dans l'arborescence de votre projet React.
  • Utiliser et transférer les refs pour manipuler directement les éléments du DOM.
  • Ajouter des fragments pour regrouper des éléments JSX sans ajouter de nœuds supplémentaires.
  • Gérer et déléguer les événements pour une interaction utilisateur fluide.
  • Comprendre le cycle de vie des composants pour optimiser leur comportement.

• Hooks React.js :

  • Approfondir votre connaissance des hooks React.js, introduits avec la version 16.8, qui simplifient la gestion de l'état et des effets de bord.
  • Apprendre à remplacer les classes React par des composants fonctionnels utilisant les hooks.
  • Maîtriser les hooks essentiels :
    • useState : pour créer des variables d'état locales.
    • useEffect : pour gérer les effets de bord (fetch de données, manipulations du DOM, etc.).
    • useRef : pour accéder directement aux éléments du DOM.
    • useReducer : pour gérer une logique d'état plus complexe.
    • useContext : pour s'abonner aux modifications d'un objet contexte.
    • useMemo et useCallback : pour optimiser les performances des composants en évitant les recalculs inutiles.

• Sujets Avancés React.js :

  • Utiliser les props de rendu pour partager de la logique commune entre plusieurs composants.
  • Exploiter le Context API pour créer et partager des valeurs globales dans votre application.
  • Apprendre à utiliser les props de rendu pour la réutilisation du code.
  • Implémenter PropTypes pour valider les types de données des props et prévenir les erreurs.

Pour qui ?

• Développeurs Juniors avec une première expérience en JavaScript.
• Développeurs intermédiaires en JavaScript, Node.js et React.js.
• Toute personne souhaitant développer une solution de commerce en ligne avec React.js.

Niveau : Débutant à intermédiaire

Prérequis :

• Les fondamentaux de JavaScript (ECMAScript).
• Une connaissance de base de React et Redux est un plus.
• Familiarité avec le Command Line Interface (iTerm et le terminal intégré de VSCode).
• La connaissance de Bootstrap est un plus.

Contenu du cours :

• Section 1 : Les Fondamentaux
  • Syntaxe et règles JSX.
  • Création de composants JSX.
  • Gestion des événements.
  • Utilisation des props et des children.
  • Composants contrôlés.
  • Méthodes du cycle de vie (rappel sur les classes React).
• Section 2 : Référence API des Hooks
  • Approfondissement des hooks useState, useEffect, useRef, useReducer, useContext, useMemo, useCallback.
  • Conversion de composants basés sur des classes en composants fonctionnels.
• Section 3 : Sujets Avancés
  • Composants d'ordre supérieur.
  • Context API pour les valeurs globales.
  • Props de rendu pour la réutilisation du code.
  • PropTypes pour la validation des types de données.

**Expérience