#144 — June 26, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

The 10 Component Commandments — A handy walkthrough of 10 ‘practical commandments’ for creating components that you can share widely and that other developers will actually want to use. #6 is controversial, though.

Kristofer Selbekk and Caroline Odden

▶  A React Fiber Deep Dive with Dan Abramov — A fun but long (almost 2 hours!) video where Jenn Creighton and Dan Abramov help out two React developers overwhelmed by divs! A truly deep dive into the React Fiber engine and basically like getting a workshop for free.

SMOOSHCAST

Management Training for Engineers: Communication — Free Webinar - Tomorrow. 6/27.

Big Nerd Ranch sponsor

Avoiding Recursive useEffect Hooks — The dependency array passed to the useEffect hook tells React when the effect should be re-run, but.. what happens if you update some state and cause a loop? Here’s how to avoid the problem.

Jack Franklin

One Simple Trick to Optimize React Re-renders — An illustration of a natural, built-in performance optimization that doesn’t require using things like React.memo, PureComponent, or shouldComponentUpdate.

Kent C Dodds

GoDaddy's Work on React Native's DateTimePicker Component — In the process of building their own mobile app, GoDaddy has assisted in React Native’s ‘Lean Core’ project (in extracting UI components into separate repos) by extracting and merging the DatePicker and TimePicker components.

GoDaddy Engineering native

💻 Jobs

JavaScript / React Performance Optimization Engineer - Exodus (Remote) — Exodus are looking for an obsessive engineer to work on improving the performance of the Exodus mobile application.

Exodus

Find a React Job on Vettery — Vettery specializes in tech roles and is completely free for job seekers.

Vettery

📘 Tutorials and Stories

Redux Now Has Hooks: A Before and After ComparisonAre you ready, kids? react-redux 7.1, released 2 weeks ago, added support for hooks, and here’s a look at how that can affect a simple code example.

Glenn Stovall

Adding a WebAssembly Component to a React App with AssemblyScript“If I’m working on a React application for example, could I easily add some WebAssembly to support some things that perhaps need to run a bit quicker?” The answer is yes and here’s a practical demo.

Andy Lee

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

GitPrime sponsor

Getting Started with GraphQL in React Native — A practical guide to creating a simple GraphQL server which you can then query from a React Native app.

Wern Ancheta native

Basic React Navigation for React Native Apps — A look at how one team organizes the navigation within their React Native apps.

Stephanie Vizzi native

How to Reuse Logic with React Hooks — A look at how to best approach reusing logic and behavior without worrying about UI, a situation hooks were designed for.

Rafael Quintanilha

🔧 Code and Tools

redux-query: A Library for Managing Network State in Redux — Now provides two hooks, if you prefer: useRequest and useMutation, and has better support for non-React apps too. GitHub repo.

Ryan Ashcraft

svelte-adapter: Use Svelte Components with Vue and React — An interesting experiment. See it in action on CodeSandbox.

pngwn

Easily Scale Cloud Native Apps on the Cloud Built for Developers

DigitalOcean sponsor

html-react-parser: An HTML to React Parser

Mark Xu

Ink 2.3 Released: React, but for Building Interactive Command-Line Apps

Vadim Demedes

Firespace: Easy Bindings for Firebase Database

Cristian Velasquez Ramos