React Fiber

React Fiber is a set of internal algorithms for rendering graphics used by the JavaScript library React, as opposed to its old rendering algorithm, Stack. The actual syntax for programming with React does not change; only the way that the syntax is executed has changed.[1]

The objective

React's old rendering system, Stack, was developed at a time when the focus of the system on dynamic change was not understood. Stack was slow to draw complex animation, for example, trying to accomplish all of it in one chunk. Fiber breaks down animation into segments that can be spread out over multiple frames. Likewise, the structure of a page can be broken into segments that may be maintained and updated separately. JavaScript functions and virtual DOM objects are called "fibers", and each can be operated and updated separately, allowing for smoother on-screen rendering.[2]

gollark: I am egglocked most of the time in the interests of efficiency though.
gollark: I always seem to be egglocked when cool stuff is being offered.
gollark: Leave-dummy-egg trades for gifting are quite cømmon.
gollark: Ah, the nocturnes, yes; it's all they're good for, really, temporary trade fodder.
gollark: It might be a "leave dummy egg" one.

References
  1. "Facebook announces React Fiber, a rewrite of its React framework". TechCrunch. Retrieved 2018-10-19.
  2. "GitHub - acdlite/react-fiber-architecture: A description of React's new core algorithm, React Fiber". github.com. Retrieved 2018-10-19.
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.