#149 — July 31, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Taking Redux Off of the Main Thread with Comlink — Surma really has a thing for Web Workers recently, and with good reason too, since using them properly could yield significant UX and performance benefits. Can we get the non-UI work Redux is doing off of the main thread using Workers? Yes, and here’s one way to do it.

Surma

Do React Hooks Replace Redux? — This question has bounced around in the community a lot recently as more use cases for hooks emerge.. but Eric’s TLDR is ‘Hooks are Great, but No.’ and he explains why in depth.

Eric Elliott

Image & Video Management Made for Developers — Simplify and automate the process of uploading, manipulating, optimizing, and delivering images and videos across every device at any bandwidth. Try Cloudinary. See how easy media management can be. Get your own free account today.

Cloudinary sponsor

A Draft Changelog for React 16.9 — No, React 16.9 isn’t out yet, but if you’re testing (which Dan is encouraging you to do) or just curious..

Dan Abramov

Getting Started Optimizing a React Native App — A developer who has spent a serious amount of time optimizing a bank’s mobile app shares several (very) quick tips based on what he learnt along the way.

Thomas Kjær-Rasmussen

React-Rails: A Way to Integrate React.js with Ruby on Rails Views — If you’re both a Ruby on Rails and React user, this popular tool will help with the integration between the two. v2.6.0 adds a TypeScript component generator.

React Community

💻 Jobs

Frontend Developer - Remote — Build the web’s next-level document collaboration library with React.

PSPDFKit

Find a Job Through Vettery — Vettery matches top tech talent with growing companies. Create a profile to get started.

Vettery

📘 Tutorials and Stories

A Visual React Virtual DOM Postmortem — There is a chasm between using React to build UIs and needing to know how it actually works under the hood, but this neat graphic might help.

JavaScript Teacher

Writing Your Own React Custom Hooks — Understanding how and when to write your own custom hooks will enable you to extract reusable logic and clean up your code a bit.

Timothy Vernon

Send Data to Any Analytics Tool Without Having to Implement a New API

Segment sponsor

An Effective Pattern for Building Extensible Modals in React

Andy Jones

Decoupling Logic From React Components — An explanation and rationale for react-redux-api-tools, Redux middleware to separate the data fetching process from components.

Luciano Ratamero

How I Developed a Concurrent Mode Friendly Library for React-Redux

Daishi Kato

🔧 Code and Tools

Semiotic: A React + D3 Data Visualization Framework — Supports a wide variety of visualization types such as swarm plots, isotype charts, radar plots, timelines, and more. There are neat demos and code examples for each.

nteract

A Web Tool to Create 'Striped Text' and Get Styled Components Code — One of several visual design tools on Components.ai. This one lets you dynamically create a stripy text effect and provides CSS and Styled Components code to use in your apps.

Components.ai

ReactToPrint: To Make React Components Printable — Provides a mechanism to let users print the contents of a component by popping up a new window and copying the styling across.

gregn

A Demo of Declarative Route Transitions with Framer Motion and React Router — A practical CodeSandbox-based example of creating animated route transitions.

Matt Perry

React Swipeable: Swipe Event Handler Component and Hook

Dogfessional