React Newsletter #86

React v16.0 is released, relicensing React, and 7 architectural attributes of a reliable React component


News

React v16.0 is released

Congrats to the React team for releasing React 16! Here's an excerpt from the official release.

"We're excited to announce the release of React v16.0! Among the changes are some long-standing feature requests, including fragments, error boundaries, portals, support for custom DOM attributes, improved server-side rendering, and reduced file size."

Relicensing React, Jest, Flow, and Immutable.js

The patent war is officially over (🙏). Facebook has relicensed React, Jest, Flow, Immutable to the MIT license and GraphQL to the OWFa license. Continue on with your lives now.


Articles

7 architectural attributes of a reliable React component

Dimitri found that reliable components have seven common characteristics. In this post, he breaks down all seven and why they're important to keep in mind when building a React application.

React 16: A look inside an API-compatible rewrite of our frontend UI library

If you're curious about how the React team essentially rewrote React without breaking anything, this is a fantastic post by a core member herself, Sophie.

React 16 Overview of the newest features (Part 1)

In this React 16 Overview Part 1 Antonio takes you through some of the latest features available in the newest version of React including error handling, returning multiple elements, and returning Strings.


Tutorials

Custom React Renderer

This is a 4 part tutorial on how to build your own custom React renderer and render the components to the host environment you need.

Creating Your First WebVR App using React and A-Frame

In this post you'll run through a short tutorial on creating our own WebVR application using A-Frame and React. You'll cover the setup process, build out a basic 3D scene, and add interactivity and animation. A-Frame has an excellent third-party component registry, so you'll be using some of those in addition to writing one from scratch. In the end, you'll go through the deployment process through surge.sh so that you can share your app with the world and test it out live on your smartphone (or Google Cardboard if you have one available).


Videos

Leverage new features of React 16

React 16 comes with some powerful new features, in this course we'll be exploring each of them. Each lesson is going to go over every individual new feature, one at a time. From the new error boundaries that will save us many a headache to handling whether to update our state within our setState.


made with ❤️ by ui.dev