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.



Programmers Xmas - Alexa Suggest Some Presents

You can guess the answer.

This is the first of our features on presents suitable for programmers and for programmers to give. Yes it s commercial and if you buy any of our suggestions we get a small [ ... ] - Code Intelligence on GitHub

Ever wanted to browse Github code like an IDE? Tired of cloning repos just to examine their code structure? If the answer to either of these questions is yes then you will welcome

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.