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
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 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."
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.
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.
In this article, Rohit Kumar Singh explains the useLayoutEffect hook and explains how it compares and contrasts with useEffect.
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.
In this tutorial, Nishant Singh shows you how to build a headline fetching app using Expo, a React Native framework.
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.
Close.com 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 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.
A tool to discover performance issues related to unintentional re-renders and unmounts. Created by Roman Dvornov.
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.