React 16 Adds Fragments
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. 





React is Facebook’s open source JavaScript library, which lets you describe what you want to render in a declarative way using shared components and elements. For version16, React has had a complete rewrite of its internals along with other improvements to its usefulness.

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 render method.At the moment, you’ll need to add a key to each element to avoid the key warning, but the developers plan to add a special fragment syntax to JSX that doesn’t require keys. Support has also been added for returning strings.

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 react-addons-perf;)  to work for the foreseeable future, but no additional updates will be published, and react-addons-perf no longer works at all in React 16. The plan is to release a new version of this tool in the future.




More Information

ReactJS Site

Related Articles

Facebook Re-licences React To MIT 

React 15.5 Gets Ready For Rewrite

The Programmers Guide To React 

Facebook's Relay For React Open Sourced

React 0.14 

Facebook Releases React Native

To be informed about new articles on I Programmer, sign up for our weekly newsletter, subscribe to the RSS feed and follow us on, Twitter, FacebookGoogle+ or Linkedin.



Does Strong Typing Help?

We all have our opinions on static strong typing versus dynamic or even no real typing at all, but hard evidence of what works is thin on the ground. Now some new research gives us some facts to throw [ ... ]

Tetris On Game Of Life - A Great Achievement

It is one thing to know that something unlikely is Turing complete; it is quite another to use it to build a computer and then implement something real. This is exactly what has just happened with Con [ ... ]

More News




blog comments powered by Disqus


RSS feed of news items only
I Programmer News
Copyright © 2017 All Rights Reserved.
Joomla! is Free Software released under the GNU/GPL License.