#163 — November 6, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

▶  The React Conf 2019 Playlist — Last week we linked to the raw recordings of React Conf 2019, but now the separated, finished recordings are available for you to enjoy. Here’s a playlist, but if you want some highlights:


How to Enable React Concurrent Mode — Concurrent Mode (as featured in last week’s issue) is an enormous improvement for performance. Here’s how you enable it and get started.

Kent C Dodds

⭐️ Master Writing Modern, Professional JavaScript — Take your JavaScript to the next level to find out what it is fully capable of with this comprehensive learning path.

Frontend Masters sponsor

React Hook Form vs. Formik: A Technical and Performance Comparison — An overview of the technical and performance differences between Formik and React Hook Form, a relatively new Hooks-based React form builder.

Siegfried Grimbeek

Building a Drag and Drop List — What goes into building a drag and drop component in 2019?

Vojtech Miksu

💻 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

Simplifying Apollo Client Local Cache with React Hooks — Apollo Client local cache is powerful, but complex. Utilizing custom React hooks and Apollo Client cache simplifies the interphase and makes data fetching more effective.

Andy Peterson

An Interview with Yuzhi Zheng — The first in a series of React Community Stories which features interviews with ‘folks behind the scenes who make the React community truly awesome.’

Rachel Nabors

Learn How to Build a Sales Dashboard with React — Follow along as we mock-up, design and lay out a sales dashboard using a responsive data grid, charts and more.

Progress KendoReact sponsor

▶  Strongly Typing useReducer with TypeScript

Carl Rippon

Six Tools for Debugging React Native — The most commonly used debugging tools in the React Native ecosystem, starting with the Developer Menu.

Said Hayani

▶  How to Upload Files in Node & React with Formidable in 30 Minutes

Merunas Grincalaitis

🔧 Code and Tools

react-text-loop: Animate Words in Your Headings — Could be useful for landing pages where you want to have different strings rotating in a heading. Live demo here.

Bernardo Raposo

VSCode Glean: A VS Code Extension for Refactoring React Code — Extract JSX into new components, convert functions to components (or, yes, stateful components to functional ones!), and more.


FastImage: A Performant React Native Image Component — A replacement for Image that has better image loading performance, no flickering, and supports niceties like GIFs and rounded corners.

Dylan Vann

Sell Your Managed Services and APIs to Millions of Developers

Manifold sponsor

A Suspense Demonstration Project — A sample project built with Suspense to demonstrate render-as-you-fetch.

Dan Abramov

Peacock: Visually Distinguish Your VS Code Windows — If you have multiple VS Code instances running, this extension lets you set a different color scheme for each so they’re more easily identifiable.

Visual Studio Marketplace

React Checkbox Tree: A Component for a Tree of Checkboxes — For selecting items within a filesystem or category tree, say.

Jake Zatecky