Fermer

React

Comment créer des formulaires personnalisés avec des crochets React

ReactT2 Dark_1200x303

La création de formulaires dans React est devenue si facile maintenant. Nous allons apprendre comment créer des formulaires personnalisés à l'aide de Hooks et supprimer la nécessité de télécharger une tonne de bibliothèques pour nos applications. Dans cet article, nous allons apprendre comment utiliser React Hooks pour créer des formulaires personnalisés dans React. En créant nos formulaires personnalisés à l'aide de Hooks, nous pouvons avoir une logique de formulaires personnalisés de bas niveau, que nous pouvons réutiliser dans de nombreuses parties de notre application sans avoir à télécharger une tonne de bibliothèques. Les formulaires sont l'une […]

mars 31, 2020

Lire l'article

Créer une application CRUD Node.js en utilisant React et FeathersJS –

ES6 en action: let et const

La construction d'un projet moderne nécessite de diviser la logique en code frontal et principal. La raison de cette décision est de promouvoir la réutilisation du code. Par exemple, il se peut que nous devions créer une application mobile native qui accède à l'API principale. Ou nous développons peut-être un module qui fera partie d'une grande plate-forme modulaire. La façon populaire de construire une API côté serveur consiste à utiliser Node.js avec une bibliothèque comme Express ou Restify. Ces bibliothèques facilitent la création d'itinéraires RESTful. Le problème avec ces bibliothèques est que nous nous retrouverons à […]

mars 26, 2020

Lire l'article

Création de tableaux triables avec React

À propos de l'auteur Kristofer est le responsable de React chez Bekk et a travaillé sur de nombreux grands projets au cours des 6 dernières années. Il anime une rencontre de programmation basée sur la bière, essaie de garder son… En savoir plus sur Kristofer … Rendre vos tables triables dans React peut sembler une tâche intimidante, mais cela ne doit pas être trop difficile. Dans cet article, nous allons mettre en œuvre tout ce dont vous avez besoin pour trier tous vos besoins de tri de table. Le tri de table a toujours été un […]

mars 20, 2020

Lire l'article

20 outils React essentiels pour 2020 –

ES6 en action: let et const

L'écosystème React est devenu une liste croissante d'outils et de bibliothèques de développement. La pléthore d'outils est un véritable témoignage de sa popularité. Pour les développeurs, cela peut être un exercice vertigineux de naviguer dans ce labyrinthe qui change à une vitesse vertigineuse. Pour vous aider à naviguer dans votre cours, voici une liste des outils React essentiels pour 2020. Crochets Les crochets sont un nouvel ajout à React à partir de la version 16.8. Ils débloquent des fonctionnalités utiles dans des composants sans classe. Avec Hooks, React n'a plus besoin de méthodes de cycle de […]

mars 18, 2020

Lire l'article

Implémentation du défilement infini et du chargement paresseux des images dans React

À propos de l'auteur Génial développeur frontend qui adore tout le codage. Je suis un amoureux de la musique chorale et je travaille pour la rendre plus accessible au monde, un téléchargement à la… En savoir plus sur Chidi … Dans ce didacticiel, nous allons apprendre à utiliser l'API HTML Intersection Observer pour implémenter le défilement infini et le chargement paresseux d'images dans un composant fonctionnel React. Dans le processus, nous apprendrons comment utiliser certains crochets de React et comment créer des crochets personnalisés. Si vous avez cherché une alternative à la pagination, infinite scroll est […]

mars 16, 2020

Lire l'article

Comment afficher et masquer des éléments dans React

ReactT2 Dark_1200x303

Sans les instructions if dans JSX, comment contrôlez-vous le flux de votre application? Voyons comment rendre ou ne pas rendre les éléments dans React. Vous ne pouvez pas incorporer les instructions if dans JSX. Alors, comment contrôlez-vous ce qui est affiché? Le contrôle du flux dans votre application est fondamental pour la programmation, et ce n'est pas différent dans React. Dans cet article, nous allons répondre à la question: comment afficher ou masquer quelque chose dans React? J'ai commencé à réfléchir aux différentes façons d'afficher et de masquer les choses dans React, et il s'avère qu'il […]

mars 13, 2020

Lire l'article

Comment migrer une application React vers TypeScript –

ES6 en action: let et const

Lorsque j'ai commencé à apprendre TypeScript, l'une des suggestions que j'ai souvent entendues était: «convertissez l'un de vos projets existants! C'est la meilleure façon d'apprendre! " Peu de temps après, un ami de Twitter a proposé de faire juste cela – montrez-moi comment migrer une application React vers TypeScript. Le but de cet article est d'être cet ami pour vous et de vous aider à migrer votre propre projet vers TypeScript. Pour le contexte, je vais utiliser des morceaux d'un projet personnel que j'ai migré tout en passant par ce processus moi-même. Le plan Pour rendre […]

mars 13, 2020

Lire l'article

Configurer Tailwind CSS dans un projet React

À propos de l'auteur Blessing Krofegha est un ingénieur logiciel basé à Lagos au Nigeria, avec un ardent désir de contribuer à rendre le Web génial pour tous, en écrivant et en construisant… En savoir plus sur Bénédiction … Cet article présente Tailwind CSS, une bibliothèque CSS qui vous donne tous les éléments dont vous avez besoin pour créer des conceptions sur mesure sans styles d'opinion. Vous apprendrez également comment configurer de manière transparente Tailwind CSS dans un projet React. Dans la distribution des bibliothèques et des frameworks CSS, une tonne de bibliothèques impressionnantes ont été […]

février 24, 2020

Lire l'article

Comment utiliser l'API HTML glisserdéposer dans React

À propos de l'auteur Génial développeur frontend qui adore tout le codage. Je suis un amoureux de la musique chorale et je travaille pour la rendre plus accessible au monde, un téléchargement à la… En savoir plus sur Chidi … Dans ce didacticiel, nous allons créer un composant glisser-déposer React pour les téléchargements de fichiers et d'images. Au cours de ce processus, nous découvrirons l'API de glisser-déposer HTML. Nous apprendrons également à utiliser le crochet useReducer pour gérer l'état dans un composant fonctionnel React. L'API glisser-déposer est l'une des fonctionnalités les plus intéressantes de HTML. Il […]

février 19, 2020

Lire l'article

Comment créer des formulaires avec React the Easy Way

KendoReactT2_1200x303

Plus tôt cette semaine, nous avons discuté de la façon de créer des formulaires React complets avec KendoReact qui est un autre excellent didacticiel sur les formulaires React. Dans cet article, nous allons faire un pas en arrière et discuter des défis inhérents à la création de formulaires avec seulement React, tels que la gestion d'état et la validation, puis comment les résoudre avec le composant KendoReact Form. Les formulaires sont difficiles, quel que soit le cadre ou les bibliothèques que vous utilisez pour les créer. Mais avec React, les formulaires sont particulièrement délicats, car la […]

février 14, 2020

Lire l'article