Fermer

réaction

Observer la visibilité en réaction

ReactT Light_870x220

L'API IntersectionObserver nous permet de suivre la visibilité des éléments HTML, mais comment l'utiliser dans React? L'API IntersectionObserver nous permet de détecter lorsqu'un élément que nous surveillons est visible. l'écran à l'utilisateur. C’est peut-être une définition trop simpliste (voire incorrecte) de son fonctionnement, techniquement réalisée en observant le moment où l’élément cible croise un ancêtre (ou la fenêtre elle-même), mais la réalité est qu’il est plus facile à comprendre en pensant: si un élément HTML spécifique est visible ou non pour l'utilisateur. IntersectionObserver a de nombreuses utilisations, et vous pouvez utiliser cette API pour: Charger des […]

octobre 16, 2019

Lire l'article

Machines à états finis en réaction

ReactT Light_870x220

Que sont Les machines à états finis et comment pouvez-vous les utiliser dans React pour faciliter la compréhension de la logique compliquée et des interfaces utilisateur? Dans cet article, nous tenterons de répondre à cette question en construisant un lecteur vidéo dans React. Lorsque j'ai commencé à construire le lecteur vidéo, je pensais pour la première fois à savoir s'il était joué par ou en pause . OK, je peux utiliser un booléen pour ça, non? Cependant, pendant le chargement de la vidéo, ce n'est pas vraiment qui joue ou en pause pour le moment… c’est […]

septembre 26, 2019

Lire l'article

Formes en réaction

ReactT Light_870x220

Le développement de formulaires dans React se résume en trois choses: les données, les validations et les soumissions. Découvrez comment gérer ces problèmes vous-même ou utiliser Formik pour simplifier les choses. À mesure que votre formulaire dans React devient plus compliqué, vous vous retrouvez en train de réinventer de plus en plus les fonctionnalités fournies avec Formik. Si vous avez du mal à contrôler manuellement un formulaire et à le valider, il est peut-être temps de passer à Formik ou à un autre package de formulaire, afin de faciliter la gestion de ce processus. Dans cet […]

septembre 5, 2019

Lire l'article

Cartes en réaction

ReactT Light_870x220

Connaître les similitudes et les différences entre Google Maps et MapBox dans une application React vous aidera à choisir le bon outil pour le travail. Cet article compare et fait la différence entre ces deux bibliothèques populaires et vous permet de démarrer avec celui que vous choisissez. Airbnb, Uber, Realtor et de nombreux autres sites Web fournissent une vue cartographique de leurs données. Sans surprise, c'est le moyen le plus simple de visualiser des données géographiques, que possèdent de nombreuses applications. Un problème se pose cependant lorsque vous lisez la documentation des deux bibliothèques de cartographie […]

août 20, 2019

Lire l'article

Mise hors ligne + réaction en natif –

Nous travaillons fort pour vous maintenir à la pointe de votre domaine avec SitePoint Premium. Nous avons beaucoup de nouveaux livres à vérifier dans la bibliothèque dans la bibliothèque – laissez-nous vous les présenter. Going Offline Jeremy Keith vous présente les techniciens de maintenance (et leur code). pour vous montrer les dernières stratégies dans les pages hors connexion. Découvrez les détails de la récupération et de la mise en cache, améliorez les performances de votre site Web et créez une expérience hors connexion idéale pour tous les utilisateurs, quelle que soit leur connexion. Lire En voie […]

août 16, 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

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

Comment ajouter la validation du formulaire de réaction

React Validation Header

Rejoignez-moi et décrivez de la manière la plus simple possible la validation de formulaire personnalisé dans React en un minimum d'étapes. Familiarisez-vous avec la création de votre propre validation de formulaire personnalisée dans vos composants React. Cet article vous permettra de démarrer avec la validation de base d'un formulaire React à l'aide de l'état contrôlé des composants. Nous utilisons les cours et prévoyons d’avoir un article de suivi sur la même chose avec Hooks. Notre point de départ sera une démo de StackBlitz qui ne comporte que des éléments de forme et une configuration de style […]

février 21, 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