⚛️ React 17 : Cours Complet React Débutant à Avancé (2021)
Niveau débutant à intermédiaire : apprenez les fondamentaux et les concepts avancés de React
Description
React.js : devenu une référence incontournable pour le développement d’interfaces utilisateurs riches et dynamiques. Le projet open-source, développé en 2013 par Facebook est utilisé par une communauté de millions de développeurs.
Ce que vous allez apprendre :
Comprendre les règles essentielles de la syntaxe JSX pour créer des éléments React.
Développer des composants autonomes et réutilisables
L’essentiel de la syntaxe JSX, avec :
La syntaxe de notation à points pour regrouper les éléments JSX en modules
Définition et transfert d'attributs avec les props,
Les différents moyens de transmettre des props et des enfants dans l'arborescence de son projet React
Utiliser et transférer les refs pour manipuler les élément du DOM
Et, ajouter des fragments pour regrouper les éléments JSX
Gestion et délégation d’événements
Le cycles de vie des composants
Monter en compétences sur les techniques avancées de React, avec :
Les props de rendu pour partager du code entre composants
Le composant d’ordre supérieur pour séparer les responsabilités et partager de la logique de comportement
Le contexte API pour créer des valeurs globales
Explorer les bénéfices avec plusieurs projets. Les démos sont orientés projets web avec React.js
Au programme :
#1 - Les fondamentaux :
la syntaxe et les règles JSX, l'indispensable pour développer en React !
Créer des composants JSX
Les props et les children
Gérer les événements
Les listes et l'attribut spécial key
Les composants contrôlés
Et, les méthodes cycle de vie (rappel sur les classes React)
#2 - Référence API des hooks : disponibles depuis la version 16.8 de React, on se saurait faire la présentation de la librairie de React sans faire de présentation des hooks. L'usage des classes se fait de plus en plus rare dans les équipes de développeurs React. Sans oublier les classes, on présente comment gérer le cycle de vie, comment convertir une classe en composant fonctionnel.
Dans cet ordre, on découvre :
useState, hook d'état pour créer des variables locales
useEffect, hook d'effet pour appliquer des effets de bord
useRef, pour programmer de façon impérative
useReducer, pour gérer une logique d'état plus complexe
useContext, pour s'abonner aux modifications de l'objet contexte
useMemo et useCallback, pour optimiser la performance des composants
#3 - Les sujets avancés :
le composant d'ordre supérieur, pour partager de la logique commune avec plusieurs composants
le context API, pour créer et partager des valeurs globales
le props de rendu, pour réutiliser et partager du code
les proptypes, pour valider les types de données des props
❓Pour qui :
Développeurs Juniors avec une première expérience en javascript
Tous développeurs avec un niveau intermédiaire en Javascript, Node & ReactJS
Toutes personnes souhaitant développer une solution de commerce en ligne
❓Niveau : débutant à intermédiaire
must have :
les fondamentaux de Javascript (ECMAScript), React et Redux
Le Command Line Interface : on utilise iTerm et le terminal intégré de VSCode
nice to have :
connaître les ressources et classes prédéfinies de Bootstrap
Cette formation est accessible pour tous les niveaux.
Quelques bases de HTML, CSS et JS suffiront pour suivre le cours divisé en plusieurs sections et organisé en plusieurs cas pratiques (quiz & TP)
Je reste disponible pour répondre à vos éventuelles questions.
Bonne formation !
What You Will Learn!
- Découvrir les fondamentaux et principaux concepts de ReactJS
- Monter en compétences dans les langages javascript et ES2020
- Développer des interfaces et des expériences utilisateurs riches avec ReactJS
- Monter en compétences sur les techniques avancées de React
Who Should Attend!
- Niveau débutant à intermédiaire
- Expérience avec le développement de projets en langage javascript
- Les développeurs Front et Javascript ayant une expérience avec React