React - State management in functional components (HOOKS)

Offert par
Dans ce Projet Guidé, vous :

Learn core concepts of state management in React functional components.

Write our own functional component utilising various state management patterns.

Write our own custom hook. Exploit useState and other hooks to create reusability

2 hours
Intermédiaire
Aucun téléchargement requis
Vidéo en écran partagé
Anglais
Ordinateur de bureau uniquement

By the end of this course you will have a solid grasp of state management fundamentals in React applications using the useState utility in functional components. We will start by focusing on the core concepts of state management reinforced by code examples which start off simple to drill the concepts and nuances of this pattern. We then take a deeper dive into understanding the asynchronous nature of the setState() method, and how we can work with this to achieve what we want to from our development processes. This course is aimed at developers who are familiar with React and state management in general, understand the basics well, and would like to have some more experience, especially using some of the more advanced and dynamic development patterns in React.

Les compétences que vous développerez

  • Web Development

  • React (Web Framework)

  • Web Application

  • Front-End Web Development

  • JavaScript

Apprendrez étape par étape

Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :

  1. The useState function: a closer look. Plus what is a Hook?

  2. Using setState is functional components

  3. Passing a function to setState

  4. useState with useEffect

  5. Refactor our code into a custom hook for reusability

Comment fonctionnent les Projets Guidés

Votre espace de travail est un bureau cloud situé dans votre navigateur, aucun téléchargement n'est requis.

Votre enseignant(e) vous guide étape par étape dans une vidéo en écran partagé

Foire Aux Questions

En achetant un Projet Guidé, vous obtenez tout ce dont vous avez besoin pour terminer ce Projet Guidé, y compris l'accès à un espace de travail de bureau cloud, via votre navigateur web, qui contient les fichiers et les logiciels dont vous avez besoin pour commencer, ainsi que les instructions vidéo étape par étape d'un expert en la matière.

Comme votre espace de travail contient un bureau cloud dimensionné pour un ordinateur portable ou de bureau, les Projets Guidés ne sont pas disponibles sur votre appareil mobile.

Les enseignants des Projets Guidés sont des experts en la matière qui ont de l'expérience dans les compétences, les outils ou le domaine de leur projet et qui sont passionnés par le partage de leurs connaissances avec des millions d'étudiants dans le monde.

À partir du Projet Guidé, vous pouvez télécharger et conserver tout fichier que vous avez créé. Pour ce faire, vous pouvez utiliser la fonction « Navigateur de fichiers » pendant que vous accédez à votre bureau cloud.

Aucun remboursement n'est disponible pour les Projets Guidés. Consulter notre politique de remboursement complète.

Aucune aide financière n'est disponible pour les Projets Guidés.

L'audit n'est pas disponible pour les Projets Guidés.

En haut de la page, vous pouvez appuyer sur le niveau d'expérience de ce Projet Guidé pour afficher les connaissances requises. Pour chaque niveau de Projet Guidé, votre enseignant vous guidera étape par étape.

Oui, tout ce dont vous avez besoin pour terminer votre Projet Guidé sera présent sur un bureau cloud disponible dans votre navigateur.

Vous apprenez en effectuant des tâches dans un environnement à écran partagé, directement dans votre navigateur. Sur le côté gauche de l'écran, vous terminez la tâche dans votre espace de travail. Sur le côté droit de l'écran, vous voyez un(e) enseignant(e) qui vous guide tout au long du projet, étape par étape.