React és una biblioteca JavaScript molt popular. Avui en dia, moltes startups trien React com a eina per crear aplicacions laterals front-end ràpides per als seus projectes. Té més de 5,5 milions de descàrregues setmanals, però pocs desenvolupadors saben com funciona React realment sota el capó.
Repassar les diferents documentacions pot ser frustrant, de manera que en aquest article intentaré abordar aquesta tasca i explicar el funcionament intern de React tan bé com puc. Hi ha moltes coses a cobrir, així que aprofundim.
A diferència d’Angular o Vue, React és realment un JavaScript senzill, de manera que si coneixeu la sintaxi de JS, una mica de gestió d’estats allà, una mica de components aquí, i esteu a punt de començar a treballar a React.
React Virtual DOM
En el seu nucli, React només us manté un arbre i us farà càlculs de diferència eficients als nodes. El vostre codi HTML és pràcticament un arbre, o almenys així ho tracta el vostre navegador. Construeix el que s’anomena Model d’objectes de document o DOM, com se sol referir.
on comprar una lota
El DOM HTML és pràcticament una interfície (API) per modificar els nodes que hi ha. Conté diferents mètodes com getElementById o el nou querySelector per orientar cada node i fem servir JS per treballar amb el DOM. Això vol dir que quan volem canviar el contingut, estem modificant el DOM, però és bastant car. Per què és bastant car, aquesta és la qüestió.
Si almenys coneixeu React, probablement haureu sentit a parlar de Virtual DOM, oi?
#coding #programming # web development #react #reactjs
medium.com
Com funciona React Under the Hood
React és una biblioteca JavaScript molt popular. Avui en dia, moltes startups trien React com a eina per crear aplicacions laterals front-end ràpides per als seus projectes. Té més de 5,5 milions de descàrregues setmanals, però pocs desenvolupadors saben com funciona React realment sota el capó.