React (software): Difference between revisions

Revision as of 10:26, 13 June 2022

Revision as of 10:42, 13 June 2022

Line 99:

===Virtual DOM===

Another notable feature is the use of a virtual [[Document Object Model]], or virtual DOM. React creates an [[In-memory processing|in-memory]] data-structure cache, computes the resulting differences, and then updates the browser's displayed DOM efficiently.<ref name="workingwiththebrowser">{{cite web |url=https://reactjs.org/docs/refs-and-the-dom.html |title=Refs and the DOM |website=React Blog}}</ref> This process is called '''reconciliation'''. This allows the programmer to write code as if the entire page is rendered on each change, while the [https://www.zenesys.com/blog/websites-built-using-reactjs-library React libraries] only render subcomponents that actually change. This selective rendering provides a major performance boost.<ref name=":0">{{Cite web|title=React: The Virtual DOM|url=https://www.codecademy.com/articles/react-virtual-dom|access-date=2021-10-14|website=Codecademy|language=en}}</ref> It saves the effort of recalculating the CSS style, layout for the page and rendering for the entire page.<ref name=":0" />

=== Lifecycle methods ===