#​341 — May 31, 2023

Read on the Web

Together with  Marmelab
React Status

▶  Celebrating 10 Years of React — Grab yourself a slice of cake, React is 10 years old. As part of the celebrations, Vercel’s Delba de Oliveira ▶️ hosted a ‘roundtable’ discussion (though the table itself has taken the day off 😁) with Andrew Clark and Sebastian Markbåge talking about the current state of React, Suspense, Server Components, and Actions.

Guillermo Rauch (Vercel)

React-Admin: The Open-Source Framework for B2B Apps — From simple dashboards to complex admin panels for your entire company, react-admin unleashes the true productivity of React. Join more than 20k devs already building web apps like they play Lego, thanks to 230+ business-oriented components.

Marmelab/React-admin sponsor

The Evolution of React APIs and Code Reuse — An exploration of the evolution of common React patterns, from mixins and higher-order components to render props and hooks. As React becomes more popular in backend contexts too, you can benefit from maintaining a clear mental model of React and understanding the tradeoffs and benefits of each approach here.

Rem / Frontend Mastery


Practice React by Fixing Tests — How would you evaluate your knowledge of JSX? One way could be to clone this repo or this CodeSandbox and see if you can fix the bugs.

React Practice

The State of State Management in React Apps — State management remains a subject that attracts a lot of attention. So much, in fact, you may need the help of the handy React Handbook to help sort through all the options.

React Handbook

▶  Talking About the React 'Forget' Compiler — React core team members Joe Savona and Sathya Gunasekaran talk, amongst other topics, about the ‘Forget’ React optimizing compiler first teased in 2021 but then further explained in the React team’s June 2022 update.

Paige Niedringhaus (PodRocket Podcast) podcast

▶  Are React Server Components Really Slower? — Are RSCs actually slower in Next.js than the getServerSideProps/Pages model?

Jack Harrington

How to use OAuth to Add Authentication to Your React App

FusionAuth sponsor

How to Avoid Mocking in React Router v6 Tests
Miroslav Nikolov

🛠 Code and Tools

MouseTracker: A Component That 'Follows' Your Mouse — A component that renders children into a fixed-position div that takes the coordinates of the mouse, with optional offsets, perhaps to augment the pointer with helpful information or to render tooltips. There are a couple of live samples with code, too.

Yoav Kadosh

'Enterprise-Grade' Next.js Boilerplate App — One of those boilerplate apps that includes everything but the kitchen sink 😁 Tailwind CSS, Jest, Playwright, Storybook, Radix UI, T3 Env, and more all come along for the ride here.


Tuple – The Fastest Way to Onboard New Devs — Waste hours verbally steering on Zoom? New hires learn your codebase faster with Tuple. Trusted by over 40,000 devs.

Tuple sponsor

Boring Avatars: React Library to Generate Custom Avatars — Ranging from generic gradients to face-like creations, this library (GitHub repo) generates custom, SVG-based, round avatars from any username and color palette.

Boring Designers


Find React Jobs with Hired — Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now.