Quelle est la différence entre React vs React Fibre?
Je viens d'entendre que react-fibre est prêt. Quelle est la grande différence entre réagir et réagir-fibre? Vaut-il la peine d’apprendre le nouveau concept pour ces différences?
React Fibre est une réimplémentation en cours de l’algorithme central de React. Il s’agit simplement d’une réécriture interne complète de React .
React Fibre est une réécriture complète et rétrocompatible du noyau React.
Le but de React Fiber est d’augmenter sa pertinence pour des domaines tels que l’animation, la mise en page et les gestes. Sa fonction principale est le rendu incrémentiel: possibilité de scinder le rendu en morceaux et de le répartir sur plusieurs images.
React Fibre est un cadre de pile virtuel, avec React Fibre constituant une réimplémentation d'un cadre de pile spécialisé pour React. _ Composants. Chaque fibre peut être considérée comme un cadre de pile virtuel dans lequel les informations du cadre sont conservées en mémoire sur le tas, et comme les informations sont sauvegardées sur le tas, vous pouvez contrôler et utiliser les structures de données et traiter les informations pertinentes en fonction des besoins.
Vous pouvez trouver une excellente explication de Lin Clark dans cette vidéo .
Pour plus de détails s'il vous plaît vérifier les liens suivants,
1 . Qu'est-ce que React Fibre?
2 . Architecture de fibre à réaction
3 . Que signifie React 16 pour vous?
J'espère que cela vous aidera!
React Fibre est une réimplémentation en cours de l'algorithme principal de React. La principale différence entre réagir et réagir fibre sont ces nouvelles fonctionnalités: -
rendu incrémentiel: - React v16.0 inclut un rendu de serveur complètement réécrit. C’est vraiment rapide. Il prend en charge la diffusion en continu afin que vous puissiez commencer à envoyer des octets au client plus rapidement.
Gestion des erreurs dans l'API de rendu: Pour que le composant de classe soit une limite d'erreur, nous définissons une nouvelle méthode de cycle de vie appelée composantDidCatch (error, info).
Renvoyer plusieurs éléments de render: Avec cette nouvelle fonctionnalité de React v16.0, nous pouvons également renvoyer un tableau d’éléments et une chaîne à partir de la méthode de rendu du composant.
Portails: Les portails offrent un moyen de première classe pour rendre les enfants dans un nœud DOM existant en dehors de la hiérarchie DOM du composant parent.
Fragments: Un modèle commun dans React permet à un composant de renvoyer plusieurs éléments. Les fragments vous permettent de regrouper une liste d'enfants sans ajouter de nœuds supplémentaires au DOM.
React 16 beta est sorti il y a quelques heures: https://github.com/facebook/react/issues/10294 .
Le noyau React réécrit (appelé en interne "fibre") devrait rester compatible avec les applications existantes, à l'exception de quelques modifications importantes (voir les notes de mise à jour à la page suivante). Github). Comme la plupart des changements sont sous le capot, vous n'aurez plus besoin d'apprendre un nouveau concept.
Tout le monde ici a déjà mentionné ici toutes les nouvelles fonctionnalités de la fibre à réaction. Je vais mettre l’accent sur ce que le changement fondamental fait à la fibre pour s’améliorer. React fibre permettra en fait de mettre en pause et de lire différentes tâches effectuées par le navigateur. Cela donnera la priorité à certaines tâches par rapport à d'autres.
Par exemple, si une animation spécifique est importante plutôt que l'extraction de données en arrière-plan. elle fera passer la tâche d'animation en priorité dans la pile d'exécution et une fois l'animation terminée ou trop longue, la tâche d'extraction de données sera basculée. Pour permettre à ces navigateurs modernes d'ouvrir une API appelée requestIdleCallback qui permet aux tâches d'être suspendues et jouées. requestIdleCallback
C'est ce que la fibre utilise. C’est ce que la fibre à réaction utilise dans le capot et c’est incroyable.
Remarque: je ne suis peut-être pas tout à fait correct sur quelques points. Je suis ouvert à toute correction s'il y en a