Niveau débutant à intermédiaire : apprenez les fondamentaux et les concepts avancés de ReactWhat you'll 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

Requirements
Connaître les fondamentaux de HTML, JS et React
Installer une version de node et npm
Comprendre le terminal et le command line
Comprendre ce qu’est le DOM, le document object model
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 !

Who this course is for:
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