React Newsletter #213

05/21/2020

16,680 Subscribers. Every Tuesday.

News

Announcing React Native for macOS (and more)

This week, Microsoft announced their addition and full support of the React Native for macOS extension. They’ve also released an official npm package for React Native for macOS and a public repo for those interested in contributing.


Articles

“A (Mostly) Complete Guide to React Rendering Behavior

In this article, Mark Erikson tries to clear up many people’s confusion over when, why, and how React will re-render components and how the use of Context and react-redux will affect the timing and scope of those re-renders. If you read one thing this week, make it this one.

Learn how to make a test list for your React app

“How should I know what to test in general?” This article answers that question by outlining a process to turn a feature request into a list of tests that you can automate and use to help your development process.


Tutorials

How to make your React App a Progressive Web App (PWA)

The tutorial walks through setting up a Service Worker with Webpack and Workbox, making it work with TypeScript and ESLint, adding a manifest with icons for your home and splash screen, and finally, making your PWA compatible with iOS devices.

Add granular role-based access to your JAMStack app

In this tutorial, Swizec Teller demonstrates how to add user roles with specific permissions (i.e. Admin, Student, Owner, etc.) to your app with useAuth, a custom hook he created with a newly released version.


Sponsor

React developers are in demand on Vettery

Vettery is an online hiring marketplace that’s changing the way people hire and get hired. Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today. Get started today.


Projects

Recoil

Facebook (the company, not the React team) recently open-sourced this experimental state management library for React that is able to observe all state changes across your app without impairing code-splitting.

Store: A simple, modern state management library

Store requires very little learning to get started and no boilerplate code. It’s also framework-agnostic, providing a hook for React, support for TypeScript, and the ability to use it with no framework at all.


Videos

Writing a custom hook: useEventListener

In this 11-minute video, Harry Wolf walks you through how to write your own global event handler with a custom React hook.


16,680 Subscribers. Every Tuesday.