#155 — September 11, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

useEffect and useRef Explained for Mortals“Sometimes the pantheon of React Gods have a hard time translating their wisdom into language the rest of us can understand.” If you agree, this straightforward introduction may well be for you.

Lee Warrick

Fix The Slow Render Before You Fix The Re-Render — Kent covers how to start optimizing your React app renders before focusing on reducing the number of re-renders. Essentially, fix the underlying performance ‘disease’ rather than reducing the symptoms.

Kent C Dodds

Simplify Event Tracking with a Single API — Integrate 250+ tools with the flip of a switch. Power your entire tech stack with the same data. Segment is all you need — in one tool.

Segment sponsor

▶  A 6 Hour React Native 'Crash Course' for Beginners — It’s slow going at first, but that’s because it’s truly aimed at beginners. It’s amazing how much is included here, though, and it’s well recorded too.

Maximilian Schwarzmüller

Dan Abramov Shows Off 'Fast Refresh', Coming to React Native 0.61“It’s like the old “hot reloading” feature, but rebuilt from scratch for better reliability, error resilience, and function component support.” And you can already help out by testing it.

Dan Abramov on Twitter

Microsoft Continuing Work on React Native — Microsoft has been doing a lot of work with React Native recently, including using it in the Office suite for cross-platform components.

Mike Grabowski on Twitter

💻 Jobs

React Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.


Job Searching Without The Searching? Try hackajob 🔎 — Let your skills do the talking. Our AI matches you to roles based on your favourite JavaScript framework so you can do what you love.


📘 Tutorials and Stories

Some Frustrations with React Hooks“Before I detail my current frustrations with Hooks I do want to state for the record that I am, for the most part, a fan of Hooks..”

Paul Cowan

▶  Recreating Spotify's 'Bottom Sheet' Gesture and Animation in React Native — An impressively recorded screencast in the ongoing “Can it be done in React Native?” series. A must watch for any React Native developer.

William Candillon

📕 20 Patterns to Watch for in Engineering Teams — Actionable insights to help you debug your development process with data. Get your copy.

GitPrime sponsor

Building an In-App Notification System in React Native — How to implement a reliable and good looking notification system in React Native.

Vadim Korobeinikov

Create an Offline-First React Native App Using WatermelonDBWatermelonDB is a React-specific database abstraction built on top of SQLite.

Dhanraj Acharya

Best Practices for Unit Testing in React 16

Anat Kleiman (Uber Engineering)

🔧 Code and Tools

React Suite 4.0: A Suite of 'Sensible' UI Components — A set of components that’s been under active development for a couple of years now. Supports React 16+, uses TypeScript, and they work on all major browsers. Components include things like buttons, modals, drawers, navigation bars, form input fields, tables, calendars, and more. GitHub repo.


Storytime: Tell Stories About Pieces of Code — This is hard to explain without a demo, so check out this explain demonstrating how React Fiber works.


Urql 1.5: A Versatile GraphQL Client for React — In the few months since we last linked to urql, it’s made some big steps. This latest release adds shortcuts to imperatively make queries and mutations, making it easier to quickly use the client programmatically.


Make Your Images & Videos Load Fast & Look Beautiful with Cloudinary

Cloudinary sponsor

React Spinners CSS: A Collection of CSS 'Loading Spinner' Components

Josh Kuttler

Markdown Editor: A Simple, React-Powered Markdown Editor with Preview


🐦 Seen on Twitter

An interesting Twitter thread started by Tom Dale, one of the creators of Ember.js. He reflects on how React is now "more powerful and more correct and better all around" but that the current React approach may not have caught on if it had been the first version..