What is React Fiber? And how can I try it out today?

react_fiber.md

What is React Fiber? And how can I try it out today?

what?

React Fiber is an ongoing reimplementation of React's core algorithm. It is the culmination of over two years of research by the React team.

• Andrew Clark: What's Next for React — ReactNext 2016
• React Fiber Architecture

why?

The goal of React Fiber is to increase its suitability for areas like animation, layout, and gestures. Its headline feature is incremental rendering: the ability to split rendering work into chunks and spread it out over multiple frames.

Other key features include the ability to pause, abort, or reuse work as new updates come in; the ability to assign priority to different types of updates; and new concurrency primitives.

• 'old' React stack vs Fiber
• new return types with Fiber

how can I try it out today?

1. git clone https://github.com/facebook/react
2. gulp react:extract-errors (i've added an npm script to avoid installing gulp globally)
3. npm run build
4. use react.js / react-dom-fiber.js in the /build folder

You can start with this example or the modularized / ES2015 version

status?

Fiber isn't completely ready yet http://isfiberreadyyet.com/.
Scheduled for release in 16.0.0.

• The React team's Facebook is using Fiber by default. source
• http://isfiberreadyyet.com/ is using Fiber source

thanks @threepointone for the build steps