React 16

Release

Details


This initial React 16.0 release is mostly focused on compatibility with existing apps. It does not enable asynchronous rendering yet. We will introduce an opt-in to the async mode later during React 16.x. We don’t expect React 16.0 to make your apps significantly faster or slower, but we’d love to know if you see improvements or regressions. @bvaughn

React 16 RC Notes

Where can I find some good information for React 16?

Error Handling

DOM Attributes

Portals

Async Mode

Lin Clark - A Cartoon Intro to Fiber - React Conf 2017

Additional Fiber info here https://reactfaq.site/react-fiber

Fragments

How does returning arrays from render work?

const names = ["Dan", "Kent", "Ryan"];

/* No wrapping element! */
class List extends React.Component {
  render() {
    return names.map(name => <li>{name}</li>);
  }
}

see: https://codesandbox.io/s/y0rroo6olz

Note: You can also return a String https://codesandbox.io/s/oxjo7woo4y


Roadmap for React (Fiber and Beyond)

Calling setState with null no longer triggers an update. This allows you to decide in an updater function if you want to re-render.