React Newsletter #20

React Native 0.18 release, Christopher Chedeau on the core philosophier that underlie React, and using redux-saga to simplify your growing React Native codebase


News

React Native 0.18 Release

This release has tons of goodies but perhaps the best is that now React Native finally depends on stock React 0.14.5 from NPM. Huge thanks to all those involved with this release.


Articles

A cartoon guide to Facebook’s Relay, part 1

In Lin Clark's latest edition of Code Cartoons she dives into the wonderful world of using Facebook's Relay. In part 1 of this 4 part series, Lin covers declarative data fetching with GraphQL.

Christopher Chedeau on the Core Philosophies that Underlie React

If you came to React from another front end technology, you might have observed that React is very unopinionated. This is good because you can really design an application however you want, but it's also bad because you can design an application however you want. A good way to ensure you're writing React code in a way that it was intended to be written is to understand React's core philosophies.

Ben Halpern talks with Christopher Chedeau from Facebook about those core philosophies and how they apply to writing effective React code.

Using redux-saga To Simplify Your Growing React Native Codebase

Whether you use promises, callbacks, try/catch blocks, or good ol’ if statements, sagas help you turn these stories into instructions. Testable, mockable, declarative instructions.

React.js Best Practices for 2016

2015 was the year React took off and with it came many different patterns (some great, some not so great) to do the same thing. Luckily, the React community is starting to settle on best practices and this blog post does a great job of summarizing all of those.


Tutorials

Test Driven React Tutorial

The biggest complaints I hear about React are related to tooling/setup, and testing. Lucky for you Spencer elegantly walks through how to set up a React project and test said React project in this tutorial. If you're new to testing in React and want another perspective, check out this post.


Projects

Handle effects in Redux like you would in Elm

Sequence your effects naturally and purely by returning them from your reducers. Inspired by elm-effects and the Elm Architecture.


Videos

React Testing Cookbook Video Series

The definition of "legacy code" can be described simply as "code that doesn't have tests." Code you just wrote, 5 minutes ago? Legacy code. Code that can't be refactored, but only changed. How do we prevent the mountain of legacy code that most projects become? A solid testing strategy. In this video series Trevor will dive into testing React applications. From getting setup and running tests, all the way through testing Redux enabled React applications. You will need a premium egghead account to access these, unfortunately.


made with ❤️ by ui.dev