React Status Issue 33: April 21, 2017

Issue 33

React Move: Deterministically Animate Anything in React — Transitions, custom easing, and auto interpolation of numbers, colors, SVG paths and more. It even supports React Native.

Tanner Linsley code

Using Create-React-App with an Express Backend — Create React App remains the easiest way to start building a React app but it’s focused on the front-end. This guide digs into coupling CRA with an Express powered backend.

Dave Ceddia

React 16 Likely This Summer, Fiber Not Going To Cause Any Problems — “If Fiber works out of the box for 30,000 existing components in Facebook’s codebase, it will likely work for your codebase too.”

Facebook news

📘✨ The 2017 Front-End Handbook - FREE and Open Source — A free, thorough and open source guide anyone could use to learn about the practice of front-end development.

Frontend Masters sponsored

Facebook Releases React VR for Building Virtual Reality Experiences — React VR lets anyone with an understanding of JavaScript rapidly build and deploy VR experiences using standard web tools. GitHub repo.

Facebook tools

Relay Modern: Data-Driven Apps with React and GraphQL — The new version of Relay is designed from the ground up to be easier to use and optimized for mobile devices.

Facebook Code tools

Designing User Interfaces With React — There are multiple tiers to what React can do, but let’s focus on how React can enable any developer to design modular and functional user interfaces.

Taylor Jones

Build Your Own Instagram using React Native

Gorilla Logic native

How to Style React Components with 'styled-components' — Chris Laughlin takes a look at some of the options for applying CSS styles to React components, and introduces the ‘styled-components’ library.

SitePoint

React at Light Speed: Lessons in Optimizing Performance

Jacob Beltran

Using Angular Components and Directives Inside React

Chang Wang

Try Bugsnag, and Get a Free, Ultrasoft T-Shirt 👕 — Automatically detect crashes in your React Native apps. Get a free t-shirt when you sign up & try Bugsnag.

Bugsnag sponsored

Input Autocomplete: A Tiny React Input Element with Autocomplete

Kevin J. Hanna code

react-redux-reformed: Forms with React and Redux Made Simple — Start with the bare essentials, then use composition to elegantly build more complex forms.

Thomas Roch code

React DOM Confetti: Confetti Explosions on State Changes

Daniel Lundin code

Why Did React Update? A Tool to Identify Unnecessary Updates — Monkey patches React and notifies in the console when potentially unnecessary re-renders occur.

Gabe Scholz tools

Catch Deceptive Typos in Your React Apps with maybe-you-meant — maybe-you-meant helps find elusive typos.

Nick Pisacane tools

Try Codeship Basic: simple hosted CI that works out of the box — Get set up with our hosted Continuous Integration service in under 3 minutes. Join thousands of customers like InvisionApp & Whole Foods.

Codeship sponsored