Après réaction 16.8 React Hook fournit un état de manipulation américain dans un composant fonctionnel. Maintenant, qui est le composant recommandé à utiliser dans l'application réactive?
3 Réponses :
Avec des crochets, il est préférable d'utiliser des composants fonctionnels. C'est ce qu'ils mentionnent sur leur page officielle -
classes confondes à la fois des personnes et des machines
En plus de faire de la réutilisation du code et de l'organisation du code plus difficile, nous avons constaté que les classes peuvent être une grande barrière à l'apprentissage de réagir. Vous devez comprendre comment cela fonctionne dans JavaScript, qui est très différent de la façon dont cela fonctionne dans la plupart des langues. Vous devez vous rappeler de lier les gestionnaires d'événements. Sans propositions de syntaxe instables, le code est très verbeux. Les gens peuvent comprendre des accessoires, des états et des données descendantes parfaitement bien, mais continuent de lutter avec des cours. La distinction entre la fonction et les composants de la classe dans réagir et quand utiliser chacune d'elles conduit à des désaccords même entre les développeurs expérimentés réagis.En outre, réagir est sorti pendant environ cinq ans et nous voulons Assurez-vous qu'il reste pertinent dans les cinq prochaines années. Comme svelte, Angular, lueur et autres montrent, compilation à l'avance de Les composants ont beaucoup de potentiel futur. Surtout si ce n'est pas limité aux modèles. Récemment, nous expérimenons avec composant pliant à l'aide de pré-panais et nous avons vu prometteur tôt résultats. Cependant, nous avons constaté que les composants de la classe peuvent encourager Des schémas non intentionnels qui rendent ces optimisations retombent à un chemin plus lent. Les classes présentent également des problèmes pour les outils d'aujourd'hui. Pour Exemple, les classes ne fonctionnent pas très bien, et ils font du rechargement chaud flaky et peu fiable. Nous voulons présenter une API qui le rend plus probablement pour le code de rester sur le chemin optimible.
pour résoudre ces problèmes , Hooks vous permettent d'utiliser plus de fonctionnalités de React Sans classes . Conceptuellement, réagir des composants ont toujours été plus proche des fonctions. Crochets embrassent des fonctions, mais sans sacrifier l'esprit pratique de réagir. Les crochets fournissent un accès à l'impératif écoutilles d'évasion et ne vous oblige pas à apprendre le fonctionnement complexe ou Techniques de programmation réactive.
Pour en savoir plus à ce sujet - https://reactjs.org/docs/hooks-intro .html
Avec des crochets Tous les composants sont des composants fonctionnels, mais il y a des similitudes. Par exemple;
Si vous utilisez UseEffect Crochet Il agit comme une méthode de cycle de vie, vous écoutez les modifications de l'accessoire et déclencher des fonctions en conséquence. Mais il reste un composant fonctionnel , il n'exprime pas la classe React.component
Si vous utilisez Si vous n'utilisez aucun crochet, c'est-à-dire que vous obtenez des accessoires et afficher les données associées, il s'agit d'un composant fonctionnel , vous n'utilisez aucun crochets
C'est à vous de décider, je ferais le meilleur fonctionnement de votre équipe. Mon équipe est utilisée pour organiser des langages orientés tels que Java et C # afin que nous nous sortons des cours car ils sont plus faciles à comprendre pour les personnes nouvelles de JavaScript.
Il n'y a aucun intention de supprimer les classes de réagisme , donc il n'y a donc pas besoin de Preuve future Votre code en passant aux fonctions.
Dan Abramov's Tweet =) Twitter.com/dan_abramov/status/1118107150918746112