Vous avez probablement entendu parler du framework JavaScript populaire de Facebook - React. Il est utilisé par de nombreux sites Web populaires, y compris Facebook lui-même et Instagram. Dans cet article, vous trouverez 5 exemples pratiques qui ont été construits avec React, et qui vous donneront u
React a récemment gagné en popularité et a attiré une communauté nombreuse et active. Il en résulte une vaste richesse de composants réutilisables qui vous feront gagner du temps lors du codage. La bibliothèque elle-même encourage lécriture de code faiblement couplé qui est modulaire et composable.
Chaque chapitre de mon nouveau livre React Quickly (Manning, 2016) a un projet qui est complété par un screencast vidéo. Regardez les vidéos ici ou sur YouTube. Le code est sur GitHub. Réagissez rapidement De plus, vous pouvez télécharger lintégralité du premier chapitre GRATUITEMENT sur Manning.
Ceci est un extrait de Réagissez rapidement (Manning, 2016). Vous pouvez télécharger lintégralité du premier chapitre gratuitement sur Manning . Le livre est prévu pour le premier trimestre de 2016, mais MEAP est disponible dès maintenant. Utilisez le code mardandz ” pour obtenir 39 % de réduction.
Cet article a été écrit par Scott Hasbrouck. Vous pouvez le retrouver sur Twitter ou sur son site Web. Selon les données de StackOverflow, cela a été tout simplement merveilleux de voir JavaScript senflammer ces dernières années dans la technologie Web, devenant finalement le langage le plus utilis
Comment créer un composant de liste de sélection complète à laide de React dans une application Next.js. Mise en route Pour ce tutoriel, nous allons utiliser le Boilerplate CheatCode Next.js pour nous donner un point de départ pour notre travail. Tout dabord, clonez le passe-partout : Borne git c
Comment créer un formulaire de carte de crédit en utilisant Stripe.js et Stripe Elements ainsi que comment récupérer la valeur de ce formulaire de carte de crédit et générer un jeton source Stripe. Commencer Pour ce tutoriel, pour nous donner un point de départ pour notre travail, nous allons util
Jentends parler de React depuis que jai commencé à apprendre JavaScript, mais javoue que jy ai jeté un coup dœil et que ça ma fait peur. Jai vu ce qui ressemblait à un tas de HTML mélangé à du JavaScript et jai pensé, nest-ce pas ce que nous avons essayé déviter ? Quel est le problème avec React ?
Un nouveau concept a été introduit dans React - Hooks. Les crochets sont une alternative aux classes. Si vous avez déjà utilisé React, vous serez familiarisé avec les composants simples (fonctionnels) et composants de classe . Composant simple } Composant de classe } } De nombreuses fonctionnalit
Tout élément peut être rendu modifiable avec lajout du contenteditable attribut. Cet attribut est utilisé partout sur le Web, comme dans Google Sheets. Je ne vais pas vous dire dutiliser ou de ne pas utiliser contenteditable éléments dans votre application. Si vous choisissez dutiliser contenteditab
React nest pas livré avec un routeur intégré, mais nous pouvons facilement réaliser un routage avec le react-router-dom bibliothèque. Routage est la façon dont une application Web dirige le trafic. (Si vous savez ce quest le routage, nhésitez pas à ignorer cette section.) Exemple :Si vous allez sur
LAPI React Context est un moyen de créer essentiellement des variables globales qui peuvent être transmises dans une application React. Cest lalternative au forage daccessoires, ou au passage daccessoires de grand-parent à parent à enfant, et ainsi de suite. Le contexte est souvent présenté comme un
Il y a quelque temps, jai écrit un article sur lutilisation de lAPI contextuelle dans React. Cependant, la plupart de mes exemples sur cette page utilisaient des composants de classe, static contextType , et Consumer , qui est une manière héritée de gérer le contexte et dans TYOOL 2021, nous voulons
Il ny a pas de consensus sur la bonne façon dorganiser une application React. React vous donne beaucoup de liberté, mais avec cette liberté vient la responsabilité de décider de votre propre architecture. Souvent, le cas est que celui qui configure lapplication au début jette presque tout dans un co
Introduction Lors de la création dapplications React qui récupèrent du contenu à partir de sources externes qui prennent un certain temps à se charger, il est toujours judicieux de fournir une expérience utilisateur agréable en engageant les utilisateurs et en gardant leur attention avec un chargeu
Introduction Lors de la création dapplications React qui récupèrent du contenu à partir de sources externes qui prennent un certain temps à se charger, il est toujours judicieux de fournir une expérience utilisateur agréable en engageant les utilisateurs et en gardant leur attention avec un chargeu
Introduction Lorsquun développeur crée une application, létape suivante consiste à la partager avec des amis ou le public afin que tout le monde puisse y accéder. Ce processus de transfert de code dun environnement de développement vers une plate-forme dhébergement où il est servi aux utilisateurs
Introduction Déploiement est le processus de déplacement de notre code dun système de contrôle source vers une plate-forme dhébergement où il est stocké et peut être servi comme une application aux utilisateurs finaux. En règle générale, cela se fait soit dans le cloud, soit sur un serveur local.
Introduction Les événements représentent généralement un certain type dinteraction entre lutilisateur et lapplication - chaque fois quun utilisateur clique sur lobjet, tape dans le champ de saisie, fait glisser ou dépose un élément, etc. Par conséquent, chaque événement nécessite généralement un ce
Introduction Un composant est probablement le concept le plus important à comprendre dans React. Cest lun des éléments de base de React qui nous permet de diviser une interface utilisateur en éléments indépendants et réutilisables, ce qui facilite grandement la tâche de création dinterfaces utilisa