React Newsletter #75

React v15.6.0, how to become a more productive React developer, and why to choose React over Vue


News

React v15.6.0 Released

React 15.6 was just released. Nothing crazy. Mostly prepping for React 16 still.

Is Fiber Ready Yet?

React Fiber has 100% of unit tests passing and will be out in the second half of the year.


Articles

How to become a more productive React Developer

Developing complex React applications is… well, complex. You need to keep many things in your head at the same time, and it’s super easy to get distracted and lose focus. There are powerful tools to help you stay in the flow, and make you more productive. In this post, Jakob has gathered the “must-haves”.

Why I Chose React Over Vue

Interested in some comparisons between React and Vue? This article will help you out.

Reducing our Redux code with React Apollo

In this article, you’ll learn how MLS offloaded data fetching management to Apollo, which allowed them to delete nearly 5,000 lines of code. Not only is their application a lot slimmer since switching to Apollo, it’s also more declarative since our components only request the data that they need.

React State vs. Redux State: When and Why?

Using Redux for all of you're state will probably lead to more hassle than good. Here's a good guide for figuring out that separation.

React Forms: Using Refs

Controlled components steal the show in React form examples and tutorials, but there's a lighter-weight solution - using refs. This article shows you (1) how to use refs with a variety of form components and (2) how to pass values from children up to parent components.


Projects

Graphcool - Serverless GraphQL Backend

Graphcool let’s you easily setup a GraphQL backend to build apps with Apollo or Relay - either via CLI or web-based console. Give it a try if want to get started with GraphQL.


Videos

Animating the Virtual DOM

In this talk, you'll go over animating in React with a variety of methods, comparing and contrasting each. You’ll cover add-ons like ReactCSSTransitionGroup, using external libraries like GSAP, React-Motion, motion using RxJS, and transitioning state with D3. You’ll look inside some real systems, breaking down how you can create reusable components of animation principles for interchangeable yet cohesive patterns.

What WebAssembly means for React

There’s a big push to improve React’s perceived performance. And WebAssembly is fast. Could WebAssembly be part of the solution? In this talk, code cartoonist Lin Clark will look at what WebAssembly could mean for React’s performance, and how the new Fiber architecture makes that even more of a possibility.

made with ❤️ by ui.dev