Overview

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éutilisablesL'essentiel de la syntaxe JSX, avec:La syntaxe de notation à points pour regrouper les éléments JSX en modulesDé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 ReactUtiliser et transférer les refs pour manipuler les élément du DOMEt, ajouter des fragments pour regrouper les éléments JSXGestion et délégation d'événementsLe 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 composantsLe composant d'ordre supérieur pour séparer les responsabilités et partager de la logique de comportementLe contexte API pour créer des valeurs globalesExplorer les bénéfices avec plusieurs projets. Les démos sont orientés projets web avec React.jsAu programme:#1 - Les fondamentaux: la syntaxe et les règles JSX, l'indispensable pour développer en React!Créer des composants JSXLes props et les childrenGérer les événementsLes listes et l'attribut spécial keyLes composants contrôlésEt, 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 localesuseEffect, hook d'effet pour appliquer des effets de borduseRef, pour programmer de façon impérativeuseReducer, pour gérer une logique d'état plus complexeuseContext, pour s'abonner aux modifications de l'objet contexteuseMemo 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 composantsle context API, pour créer et partager des valeurs globalesle props de rendu, pour réutiliser et partager du codeles proptypes, pour valider les types de données des props❓Pour qui:Développeurs Juniors avec une première expérience en javascriptTous développeurs avec un niveau intermédiaire en Javascript, Node & ReactJSToutes personnes souhaitant développer une solution de commerce en ligne❓Niveau: débutant à intermédiairemust have: les fondamentaux de Javascript (ECMAScript), React et ReduxLe 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!

Skills

Reviews