Réagir

React Redux useSelector est un hook personnalisé introduit dans React Redux v7.1.0. Combiné avec d'autres hooks personnalisés tels que useDispatch, il permet aux développeurs de gérer l'état dans Redux tout en écrivant un code rapide, performant et facile à lire en aussi peu de lignes que possible. Dans cet article, vous allez explorer useSelector, voir comment il fonctionne avec useDispatch, et savoir quand l'utiliser.

React.lazy() est un composant React qui vous permet de charger des composants de manière asynchrone. L'API React.lazy est une nouvelle fonctionnalité ajoutée à React lors de la sortie de React v16.6. Elle offre une approche directe du chargement paresseux et de la division du code de nos composants React.

La méthode componentDidUpdate() est une méthode de mise à jour qui est invoquée après la méthode componentDidMount() et ce, immédiatement après une mise à jour et non lors du rendu initial. Cet article examine en profondeur la méthode componentDidUpdate() qui est l'une des méthodes de la phase de mise à jour.

Cet article traite plus en détail de HTTP, des requêtes HTTP, des façons de faire ces requêtes dans Node et de la façon dont nous pouvons gérer les erreurs.

React dispose d'un grand nombre de hooks intégrés qui permettent aux composants fonctionnels de se brancher sur le cycle de vie du composant et d'effectuer différentes opérations. Il y a les hooks useState, useEffect, useLayoutEffect et bien d'autres encore. Dans cet article, nous allons nous pencher sur le hook useCallback. Nous découvrirons la fonction de ce crochet, sa pertinence, un cas d'utilisation courant, et nous le comparerons avec le crochet useMemo.

React Fragment est un composant React introduit dans React v16.2.0. Ce composant permet de regrouper (ou plutôt de "parenter") une liste de composants React sans ajouter de nœud supplémentaire au DOM. Au moment de l'écriture de ce document, ce composant n'accepte qu'une seule prop - la prop clé.

Parfois, nous voulons effectuer des opérations en dehors du champ d'application de ce processus de flux de données, comme interagir avec une API. Ces opérations sont appelées effets de bord. Dans cet article, nous allons explorer comment gérer les effets de bord dans React à l'aide d'un crochet appelé useLayoutEffect.

React ref fournit un moyen d'accéder aux éléments du DOM. Dans cet article, vous apprendrez comment et quand utiliser les refs, et comment les refs peuvent être utiles en dehors du DOM.

Ce billet explore la nouvelle API react context. Nous allons explorer pourquoi nous avons besoin de react context, comment cela fonctionne de haut niveau avec des exemples de cas d'utilisation et à quel moment les développeurs React devraient-ils faire appel à l'API context pour résoudre leurs problèmes. Notre exemple de cas d'utilisation vous montrera ensuite comment utiliser le contexte React avec quelques exemples et en comparant le contexte React avec Redux, une solution de package externe utilisée avant que l'API de contexte React ne soit introduite dans le cœur de la bibliothèque. 

Suspense fait référence à la nouvelle capacité de React à "suspendre" le rendu pendant que les composants attendent quelque chose et à afficher un indicateur de chargement. React Suspense vous permet d'écrire des composants React plus propres, performants et faciles à maintenir. Cet article explique ce qu'est React Suspense et comment il fonctionne.

Le hook useMemo est utilisé pour mémoriser des valeurs dans les applications React. useMemo mémorise des valeurs calculées dans un composant React de sorte que dans le cas d'un re-rendu du composant, ces valeurs ne seront pas recalculées. Cet article vous apprendra ce qu'est un hook useMemo et comment l'utiliser.

La gestion d'état consiste à suivre l'évolution de nos données dans le temps. Dans React, nous pouvons gérer l'état avec des crochets ou en utilisant une bibliothèque de gestion d'état externe comme Redux. Dans cet article, nous allons explorer un hook appelé useReducer et découvrir ses capacités en matière de gestion d'état.

Redux est une bibliothèque de gestion d'état pour les applications JavaScript. Dans cet article, nous allons nous pencher sur React-Redux et sur son utilisation. Nous l'utiliserons pour simplifier la gestion complexe de l'état des flux d'adhésion et d'authentification.

Dans cet article, nous allons comprendre ce que sont les Custom Hooks de React, les avantages de leur utilisation et quand les utiliser. Nous apprendrons également à construire deux crochets personnalisés et à les montrer en action.