|React 16 Adds Fragments|
|Written by Kay Ewbank|
|Thursday, 05 October 2017|
There's a new version of React with improvements including fragments, error boundaries, portals, and support for custom DOM attributes.
The new render return types are the first improvement, with support for fragments and strings. The way the support for returning fragments works is that you can return an array of elements from a component’s
Error handling has also been improved, to avoid the situation where runtime errors during rendering caused React to malfunction. The new release uses a more resilient error-handling strategy that lets you use error boundaries, components that capture errors inside their subtree and display a fallback UI in its place.
The server-side rendering has been completely rewritten in this version to be faster and to add streaming support, so you can start sending bytes to the client faster. The developers say that server rendering in React 16 is roughly three times faster than React 15. The new version also handles server-rendered HTML better once it reaches the client, reusing as much of the existing DOM as possible in cases where the content is different on the client.
Support for custom DOM attributes means that if it encounters an HTML or SVG attribute that it doesn't recognize, it will pass it through to the DOM instead of ignoring it.
One point to note about the new version is that the developers have stopped supporting React Addons. The latest version of each addon (except
or email your comment to: firstname.lastname@example.org