Fermer

crochets

Comment utiliser une API de contexte avec des crochets tout en évitant les goulots d'étranglement

ReactT Dark_870x220

L'API de contexte est une fonctionnalité intéressante proposée par React, mais il peut être difficile de l'exécuter correctement. Apprenez à créer et à utiliser efficacement une API de contexte avec l'utilisation de React Hooks sans problèmes de performances. En commençant par une implémentation naïve, nous allons parcourir ce qui peut être amélioré et comment éviter les re-rendus de composants inutiles. Depuis la version 16.3, React dispose d’une version stable de l’API de contexte qui peut être utilisée pour partager facilement des données entre de nombreuses Composants. Il peut être transmis directement aux composants qui en ont […]

octobre 25, 2019

Lire l'article

Crochets à réaction et composition en composants

ReactT Dark_870x220

Dans le premier article de cette série, nous avons traité un certain nombre de modèles avancés dans React. Cette fois, nous allons en apprendre davantage sur la manière dont nous pouvons utiliser des crochets à réaction pour remplacer certains de ces modèles afin d’augmenter la réutilisation de la logique d’états. Il s’agit du deuxième article d’une série en deux parties. Dans le premier article, nous avons appris l'existence de modèles avancés dans React tels que les composants d'ordre supérieur et les accessoires de rendu. Nous avons examiné en quoi consistent exactement ces modèles, comment nous pouvons […]

juin 17, 2019

Lire l'article

Comment remplacer Redux par des crochets React et l'API contextuelle –

ES6 en action: let et const

Le moyen le plus répandu de gérer l’état d’application partagée dans React consiste à utiliser un cadre tel que Redux. Récemment, l'équipe de React a introduit plusieurs nouvelles fonctionnalités, notamment React Hooks et l'API de contexte. Ces deux fonctionnalités ont en effet éliminé de nombreux problèmes auxquels les développeurs de grands projets React ont été confrontés. L’un des plus gros problèmes était le «forage d’appoint» qui était commun avec les composants imbriqués. La solution consistait à utiliser une bibliothèque de gestion d'état telle que Redux. Malheureusement, cela a entraîné des dépenses d'écriture standardisées, mais il est […]

juin 5, 2019

Lire l'article

Crochets de réaction, feuilles de style constructibles et renforcement de la confiance

Il peut être difficile de rester au fait de ce qui se passe dans la communauté Web. La liste de lecture mensuelle d’Anselm vous donne un aperçu des informations et articles les plus importants. Avez-vous parfois l’impression que vous avez tant à lire et à apprendre que votre cerveau n’en peut plus? C’est quelque chose que la plupart d’entre nous vivons de temps en temps lorsque nous avons trop à faire et que nous surchargeons encore plus notre cerveau. Je suis conscient que mes listes de lecture ne me sont pas utiles à cet égard, car […]

mars 15, 2019

Lire l'article

Tout ce que vous devez savoir pour créer des crochets de réaction personnalisés

Custom Hooks

Apprenons ce qu'il faut pour créer un crochet de réaction sur mesure ainsi que toutes les règles que nous devons garder à l'esprit lors de l'utilisation de crochets. Les crochets ne sont que des fonctions! Tout ce qui est une fonction peut devenir un crochet. L’équipe de React a fourni de nombreuses informations sur la manière de travailler avec des crochets simples et avancés, mais elle possède également de bonnes informations sur la création de crochets personnalisés. Je couvre le sujet depuis plusieurs mois et je souhaite rassembler tout ce que je sais à leur sujet […]

février 14, 2019

Lire l'article

Comment utiliser les crochets de réaction basiques pour réducteurs

ReactT Dark_870x220

Dans le prochain article de notre série sur les crochets React, nous allons apprendre à utiliser les réducteurs en parcourant un exemple d'application todo. Soyez "accro" en jetant un coup d'œil à useReducer React Hook! Dans les derniers articles, nous nous sommes familiarisés avec React Hooks. Dans notre premier article, nous avons découvert State & Effect qui nous permet d'accéder à l'état local et aux effets secondaires dans un composant fonctionnel. Dans notre deuxième article, nous avons étudié l'API contextuelle de React . ] et a montré comment l'utiliser avec des classes régulières dans un composant […]

janvier 24, 2019

Lire l'article

Utilisation de graphiques et de crochets de réaction

ReactT Light_870x220

Bienvenue dans notre série Bien démarrer avec KendoReact ! Dans la cinquième et dernière entrée de cette série, Eric Bishard explique comment utiliser le composant graphique de KendoReact et utiliser les crochets React. Découvrez ce que KendoReact peut faire pour vous, développeur de React! Retour au quatrième post de la série. Nous allons ajouter un graphique directement sous le symbole composant de grille existant. Le lien que je viens de vous donner pour le graphique est un excellent endroit pour mieux comprendre les différentes façons de le personnaliser. Maintenant, lorsque nous voulons ajouter n'importe quel type […]

décembre 28, 2018

Lire l'article

Comment utiliser les crochets de réaction simples pour le contexte

ReactT Dark_870x220

Avec React Conf 2018 derrière nous, nous avons appris que la version 16.7 de React introduisait une nouvelle fonctionnalité importante: React Hooks. Devenez "accro" à React en jetant un coup d'œil à useContext React Hook! Nous avons commencé cette série en parlant des deux plus couramment utilisés et faciles à apprendre React Hooks . : Comment utiliser les crochets à réaction simples pour State and Effects . Nous avons examiné la proposition React JS Docs pour Hooks et avons fourni quelques démonstrations StackBlitz que vous suivez et modifiez chacune des démonstrations dont nous parlons. Comprendre le […]

décembre 18, 2018

Lire l'article

Comment utiliser les crochets de réaction basiques pour l'état et les effets

ReactT Light_870x220

Avec React Conf 2018 derrière nous, nous avons appris qu'avec la version 16.7 de React, une nouvelle fonctionnalité importante sera disponible: React Hooks. Rejoignez-moi alors que nous passons en revue des exemples concrets et que nous devenons "accrochés" à React. Nous observons React devenir de plus en plus d'opinion et, avec les dernières fonctionnalités, j'oserais dire qu'il devient plus un cadre que jamais. React est généralement connu pour être moins un framework complet, mais plutôt une bibliothèque qui vous permet de restituer DOM et de gérer son état très bien. L’écosystème contient quelques outils qui font […]

novembre 29, 2018

Lire l'article