What’s new in React 16 JavaScript UI library

What’s new in React 16 JavaScript UI library

The “React Fiber” upgrade features several improvements for developers, but the big new capability—asynchronous rendering—isn’t in the initial release

React 16, the latest version of the popular JavaScript library for building UIs, goes live today, with a rewritten core for better performance.

Dubbed “React Fiber” during its development, React 16 is a rewrite of the React core, improving perceived responsiveness for complex applications via a new reconciliation algorithm.

Key features of the React 16 include:

Promised for a later version of React 16 is asynchronous rendering, enabling processing of large components without blocking the main execution thread. The first version of React 16 released today focuses on compatibility with existing apps, and so does not include the async capabilities.

Although React’s internals have been completely rewritten in React 16, the public API is “essentially unchanged,” said Sophie Alpert, Facebook’s engineering manager for React. The intent was to save developers from having to rewrite existing components built with React.

React 16’s new code was written alongside old code in the GitHub repo, as per a familiar practice at Facebook. Switches between the two were done with the Boolean useFiber feature flag. The process let Facebook start building its new implementation without affecting existing users and continue to make bug fixes to the old code base.

After a few months of ironing out bugs, Facebook opted to deliver a single product to reduce the possible set of bugs, rather than keep two versions of React current.

Follow Us

Join the newsletter!


Sign up to gain exclusive access to email subscriptions, event invitations, competitions, giveaways, and much more.

Membership is free, and your security and privacy remain protected. View our privacy policy before signing up.

Error: Please check your email address.


Show Comments