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 !