React 18.0 Released — Almost a year ago, the plan was for 18 to be simple to upgrade to with minimal changes needed – and despite the introduction of a new concurrent rendered, Suspense, new hooks, automatic batching, and more (all covered in this news post) they’ve pretty much nailed it. This React 18 upgrade guide covers the few things you need to consider, and if you’re a true completist, this changelog covers every tiny change.

The React Team

How to Build a Fullstack App from Scratch — Join Scott Moss for this detailed course looking at modern app building. Get to grips with a stack of tools, including the likes of Next.js, TypeScript, Postgres, and React, plus you'll learn about data modeling, authentication, state management, testing and more.

Frontend Masters sponsor

When Does React Render Your Component? — If you’re still a little flummoxed by React rendering behaviour, this takes another crack at explaining it by walking the fine line between superficial overview and technical deep dive.

Zhenghao He

Remix: The Yang to React's Yin? — Kent C. Dodds continues to flesh out Remix’s raison d’etre with another insightful blog post: this time talking about React’s UI building yin as compared to Remix’s ‘Network Chasm’ yang, which he broadly defines as everything between the client and the server.

Kent C. Dodds

How to Use Props in React — We first linked to this three years ago but Robin has been updating his posts to modern standards, so it remains a fantastic resource now too and is packed with prop-oriented examples.

Robin Wieruch

react-custom-roulette: A Roulette Wheel, Complete with Spinning — We don’t want to condone gambling or anything, but the ‘spinning wheel’ is a compelling effect in lots of situations, and this brings a highly customizable wheel to the table in the form of a React component.

Effectus Software

Refine 3.x: A React Framework for Building Internal Tools — Shipping with the Ant Design System, the point of Refine is to provide lots of out-of-the-box functionality for rapid development of things like admin panels, B2B apps and dashboards.

Pankod

Radish: A React-Based Static Site Generator That Outputs Plain HTML and CSS — Uses React components, doesn’t output any client-side JS, includes support for Markdown, data in TOML/YAML/JSON, and is offline-first. We love the logo too.

Jake Lazaroff

Electrode Native: Integrate React Native into Existing Native Codebases — Create React Native based components (they’re called MiniApps in this case) which are then published and reused in potentially any mobile application.

Electrode