Com funciona React Under the Hood

Bloc

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ó.



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ó.