Fermer

React

Intégration de l’API Google Places Autocomplete dans une application React

Voyons comment utiliser l’une des bibliothèques fournies par la plate-forme Google Maps, l’API Places, et comment elle peut être utilisée pour ajouter une fonctionnalité de saisie semi-automatique à une application React. La plate-forme Google Maps fournit un riche ensemble de bibliothèques qui nous permet de travailler avec des cartes, d’obtenir des informations sur des endroitsroutes, etc. Tous ces éléments sont accessibles soit en adressant directement une requête HTTP au point de terminaison de la bibliothèque requise, soit en utilisant les SDK fournis, ce qui facilite l’intégration dans votre application. L’API de saisie semi-automatique Notre attention ici […]

juin 29, 2022

Lire l'article

Psst… voici les 8 meilleures feuilles de triche pour les développeurs React

Cette article a été initialement publié le .culte par Ashutosh Mishra. .cult est une plateforme communautaire basée à Berlin pour les développeurs. Nous écrivons sur tout ce qui concerne la carrière, réalisons des documentaires originaux et partageons des tas d’autres histoires inédites de développeurs du monde entier. La pratique est la clé de la maîtrise de toute compétence ou domaine de connaissances. On n’apprend pas des choses en un jour. Vous avez besoin de semaines, de mois et parfois même d’années de pratique constante pour être bon dans quelque chose. React, en général, est aussi vaste […]

juin 26, 2022

Lire l'article

Comment implémenter une recherche standard à l’aide de React

Avoir une intégration de recherche fonctionnelle améliorera l’interaction de l’utilisateur sur votre site Web. Apprenons à ajouter une recherche standard en texte intégral à votre application Web React. L’intégration de la recherche vous permet de trouver facilement des éléments sur une application Web. Grâce à l’intégration de la recherche, vous pouvez rechercher un article/produit sans passer par le stress du défilement manuel pour trouver l’article ou le produit spécifique. L’intégration de la recherche désigne le processus de mise en œuvre d’une entrée de recherche utilisateur sur une application Web pour aider à interroger la valeur recherchée […]

juin 10, 2022

Lire l'article

Machines à états légères dans React

Nous examinerons useStateMachine, un hook de machine d’état très léger mais puissant pour les applications React. Combinant essentiellement useReducer et useEffect, il est livré avec de nombreuses fonctionnalités avancées telles que les rappels d’entrée et de sortie, les transitions gardées, l’état étendu, etc. La gestion de l’état est l’un des points les plus importants d’une application React. C’est ce qui rend notre application utilisable, et toutes les informations dont nous avons besoin sont là. C’est le cœur de chaque application React – il détermine comment chaque composant va se comporter et s’afficher pour l’utilisateur final. La […]

mai 24, 2022

Lire l'article

Gestion de l’état du formulaire dans React à l’aide du formulaire Redux

Qu’est-ce que le formulaire Redux ? Redux Form est un HOC (Higher Order Component) qui utilise react-redux pour que les formulaires HTML en réaction puissent stocker tout son état dans redux. Avantage d’utiliser Redux Form ? Redux Form est très facile à utiliser et à mettre en œuvre, il nous suffit d’envelopper notre composant de formulaire avec le HOC fourni par Redux Form et nous sommes prêts à partir. L’application de la validation au formulaire est très simple dans Redux Form, nous pouvons appliquer la validation à tous les champs ainsi que des validations pour des champs […]

mai 18, 2022

Lire l'article

Gestion d’état complexe dans React

L’état complexe dans React implique la gestion de nombreux changements d’état différents dans de nombreux composants différents. Il y a une bibliothèque pour ça ! Je vais recommander deux, plus vous dire ce qui ne fonctionnera pas. L’une des vérités les plus difficiles de React, dont nous, en tant que développeurs, devrions toujours être conscients, est qu’il n’existe pas de moyen simple et standard de faire quelque chose dans React. Nous devrions toujours être ouverts à l’examen d’alternatives. Nous devons chercher des alternatives avant de prendre une décision qui peut avoir un impact sur notre équipe, […]

mai 12, 2022

Lire l'article

Un guide pratique pour créer des composants React réutilisables

Bien que React soit l’un des frameworks frontaux les plus populaires et les plus utilisés au monde, de nombreux développeurs ont encore du mal à refactoriser le code pour une meilleure réutilisabilité. Si vous vous êtes déjà retrouvé à répéter le même extrait de code tout au long de votre application React, vous êtes tombé sur le bon article. Dans ce didacticiel, vous découvrirez les trois indicateurs les plus courants indiquant qu’il est temps de créer un composant React réutilisable. Ensuite, nous examinerons quelques démonstrations pratiques en créant une mise en page réutilisable et deux crochets […]

mai 11, 2022

Lire l'article

Tutoriel React : créer une application de calculatrice à partir de zéro

Dans ce didacticiel, nous allons créer une application React Calculator. Vous apprendrez à créer une structure filaire, à concevoir une mise en page, à créer des composants, à mettre à jour les états et à formater la sortie. Pour vous inspirer, voici un lien vers le projet déployé nous allons construire. Aussi, voici le code sourcejuste pour référence si vous avez besoin d’aide à n’importe quelle étape du projet. Planification Puisque nous allons créer une application de calculatrice, choisissons une portée qui n’est pas trop compliquée pour l’apprentissage, mais aussi pas trop basique pour couvrir différents […]

mai 10, 2022

Lire l'article

Créer des composants réactifs réactifs avec React Textfit

Développer dans React implique de définir des composants réutilisables et de les assembler dans différentes parties de votre application pour obtenir l’interface utilisateur (UI) souhaitée. Dans cet article, nous allons voir les react-textfit bibliothèque, ce qui facilite la création de composants réactifs réactifs qui s’affichent de manière prévisible partout où ils apparaissent dans une mise en page. Le problème de l’ajustement du texte Étant donné que les composants React sont des morceaux de code JavaScript décrivant une section particulière de votre interface utilisateur, ils sont pratiquement indépendants les uns des autres. Et leurs styles visuels y […]

mai 10, 2022

Lire l'article

Comment implémenter la mémorisation dans React pour améliorer les performances

Dans ce tutoriel, nous allons apprendre à implémenter la mémorisation dans React. La mémorisation améliore les performances en stockant les résultats des appels de fonction coûteux et en renvoyant ces résultats mis en cache lorsqu’ils sont à nouveau nécessaires. Nous couvrirons les éléments suivants : comment React rend l’interface utilisateur pourquoi il y a un besoin de mémorisation React comment nous pouvons implémenter la mémorisation pour les composants fonctionnels et de classe choses à garder à l’esprit concernant la mémorisation Cet article suppose que vous avez une compréhension de base des composants de classe et fonctionnels dans […]

mai 9, 2022

Lire l'article