Content deleted Content added
Naidushiva (talk | contribs) m minor change Tags: Reverted Visual edit |
merge in React Fiber per consensus on talk; see that page's edit history for attribution. Fixed heading levels; no further changes. Will try to integrate a bit in a moment |
||
Line 412:
|React DOM - Fixes a crash in IE11
|}
===React Fiber===
'''React Fiber''' is a set of internal algorithms for rendering graphics used by the [[JavaScript]] library [[React (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.<ref name="techcrunch">{{cite web|url=https://techcrunch.com/2017/04/18/facebook-announces-react-fiber-a-rewrite-of-its-react-framework/|title=Facebook announces React Fiber, a rewrite of its React framework|website=TechCrunch|accessdate=2018-10-19}}</ref>
====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 [[Document Object Model|DOM]] objects are called "fibers", and each can be operated and updated separately, allowing for smoother on-screen rendering.<ref name="github">{{cite web|url=https://github.com/acdlite/react-fiber-architecture|title=GitHub - acdlite/react-fiber-architecture: A description of React's new core algorithm, React Fiber|website=github.com|accessdate=2018-10-19}}</ref>
==Licensing==
|