#158 — October 2, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Don't Sync State, Derive It — Avoid synchronization bugs and hidden complexity by deriving (or calculating) state on the fly rather than keeping numerous copies of state around your app.

Kent C Dodds

React 16.10 Released — No official blog post (yet) but the latest version of React is here (16.10.0, mainly, but 16.10.1 followed quickly with a quick bugfix). It’s very much a bugfix and tweak release with no new features.

React Project

The Complete ⚛️ React Learning Path — Take your React to the next level to find out what it is fully capable of with this comprehensive learning path!

Frontend Masters sponsor

Gatsby Raises $15M in Funding — An exciting and rare bit of business news in the React world as the company maintaining the Gatsby React-powered static site generator have taken on funding to grow further.

Kyle Mathews

Flutter Catches Up with React Native on Stack Overflow — The number of Stack Overflow questions about a technology is a crude measure of popularity, but it’s interesting to see how rapidly Flutter (a Google created, Dart-flavored mobile development framework) has caught up with React Native.

Tag Trends

💻 Jobs

React Developer at X-Team (Remote) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers.


Find A Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.


📘 Tutorials and Stories

A Quick Start Guide to Query Strings with React Router — Did you know that React Router no longer comes with built-in support for query string parsing? Luckily, handling them yourself is not too difficult.

Meredith Lind

▶  Redux with React, A 'Level 0' Tutorial for Beginners — This is a good introduction to Redux (in just 19 minutes, too) but Redux is not truly necessary for an example like this, so always be aware of your options (e.g. easy-peasy).

Rakib TG

Why Do We Need The Stale Closure Problem in The First Place? — On the official React repo, a developer has opened an interesting issue based around his thinking of why we need to handle closure dependencies at all.


React Hooks Guide: In-Depth Tutorial with Examples. Start Learning

Progress KendoReact sponsor

Test Driven Development Basics with React, React Testing Library, and Jest — An entry-level walkthrough if you haven’t bothered with TDD in React yet.

Jon Preece

Basic Functional Techniques with React — A few (very) basic ideas, including partial application, short circuit evaluation, and using methods like map, filter, and reduce instead of loops.

Ross Murray

🔧 Code and Tools

React Timekeeper: A Google Keep-Style Time Picker Component — This is really slick. Check out the examples (with code). It does feel very Android/Material Design-y though.

Catalin C

NSFW JS for React NativeNSFW JS is a client-side ‘indecent content’ detection library, and now you can use it with React Native apps too.

Kevin VanGelder

ReactContentLoader: An SVG-Powered 'Loading Placeholder' Component — Less than 2KB in size, no dependencies, customizable, and supports React Native too.

Danilo Woznica

A Toolkit to Deliver Your API-First Product to Millions of Developers — Everything you need to build, grow, and extend your platform.

Manifold sponsor

React Scroll Parallax: Components to Create Parallax Scroll Effects — Adds vertical or horizontal scrolling based offsets to elements based on their position in the viewport. Here’s a demo page.

J Scott Smith

Ink 2.4 Released: React, but for Building Interactive CLI Apps — Build your command line apps using React-style components.

Vadim Demedes

react-adal: Azure Active Directory Library (ADAL) Support for React

Salvatore Ravidà

react-native-indicators: Activity Indicators for React Native Apps

Alexander Nazarov