React Newsletter #279

SWR 1.0, React Native's multi-platform vision, How to build an Android app with React Native

This week’s issue is sponsored by KendoReact.

KendoReact is the only UI component library you need. Use its 90+ feature-rich components, built with React for React, to create web apps much faster. Enjoy working with a complete, professionally built suite—everything from buttons and dropdowns to fast and performant data grid, scheduler and editor. Easy to integrate, customizable and fully accessible.

👉 Start your free KendoReact trial


SWR releases v1.0

Vercel's open source React Hooks library for remote data fetching released v1.0 last week. Highlights include:

  • A new fallback option where you can provide any pre-fetched data as the initial value of all SWR hooks. This should be helpful for SSR, SSG, and/or data mockup for testing.

  • A new provider option that lets you customize SWR's global data cache to build unique functionality into your APIs.

  • "Immutable Mode" is a new helper hook that makes it easier to mark resources as immutable and only make the necessary request one time.


React Native's Many Platform Vision

React Native wants to move beyond mobile apps, and in this article, the React Native Core team explains how they plan to do that. Timothy Yung writes about how the team "believes that focusing on many platforms and building to each platform’s strengths and constraints has a symbiotic effect."

What Are Proper Use Cases For Snapshot Testing React Components?

Snapshot testing your React components is convenient, easy, and low effort, but can also also unreliable, unrealistic, and volatile. Over the years, they have fallen out of favor in the field of React testing. This article looks into the remaining proper use cases for snapshot testing React components.

How I structure my React projects

There's no shortage of articles (and opinions) on this topic, but Lars Wächter does a good job of outlining a structure and architecture that has proven maintainable and reliable for him. It might give you some inspiration for designing your own future projects.

What is the ‘useLayoutEffect’ Hook and When Do You Use It?

In this article, Rohit Kumar Singh explains the useLayoutEffect hook and explains how it compares and contrasts with useEffect.


How to make realtime APIs with NodeJS and React

This in-depth tutorial will walk you through how to create a simple React app and make a realtime API that updates all the connected clients to it whenever actions take place on the DB.

How to Build an Android News App with React Native

In this tutorial, Nishant Singh shows you how to build a headline fetching app using Expo, a React Native framework.


UI Manager or UI Staff Engineer - React | Palo Alto or Remote

Rubrik is looking for 2+ frontend leaders that want to improve the developer experience for 30+ frontend and 60+ full-stack engineers on a React / Typescript / Apollo Client codebase. They are a fast-growing company, based out of Palo Alto, CA helping organizations manage hybrid, multi-cloud data protection and defend against cyber threats like ransomware.

2x Sr. Frontend Engineers - React | 100% Remote is looking for two experienced individuals that have a solid understanding of React and want to help design, implement and launch major user-facing features. They are a 100% globally distributed team of ~45 high-performing, happy people that are dedicated to building a product our customers love.



Webrix is a set of small, single-purpose React components, each aimed at overcoming a specific UI challenge.

Courier’s React Toast and Inbox Components

Courier is a notification management platform and API that enables multi-channel notifications at scale. Their new toast and inbox components are now able to be targeted by the Courier Push Provider WebSocket. [Sponsored]


A React library for building Node.js-based workflow editors, flow charts and diagrams.

React render tracker

A tool to discover performance issues related to unintentional re-renders and unmounts. Created by Roman Dvornov.


Brandon Bayer on Blitz.js, the fullstack framework for React

Our good friend Brandon Bayer went on the Semaphore Podcast to talk about his creation, Blitz.js, a Next.js fork, when Blitz 1.0 is coming out, and his new company, Flightcontrol.

made with ❤️ by