Get Started With React by Building a 'Whac-a-Mole' Game — This is aimed at beginners keen to strike some ‘aha!’ moments while learning React, but I think the idea of using React to create a game is intriguing enough to take many out of their comfort zone.

Jhey Tompkins

Search Your Code. ALL of It — Sourcegraph is the one tool to find & fix things across all your code: any code host, any repo, any language. Easily construct complex queries to find & filter code in ways IDEs & code hosts can’t. Stay in flow & get answers in milliseconds. Try it now.

Sourcegraph sponsor

Announcing Coinbase’s Successful Transition to React Native — Facing shortages of mobile app engineers, an ever-expanding code base and the need to scale up to better serve its 56 million users, cryptocurrency platform Coinbase recently completed its wholesale transition to React Native. Here’s their story.

Coinbase

Using Forms in React — A thorough review of the steps required to create your first form in React, presented with code snippets to help clearly illustrate the steps.

Dave Ceddia

Five Advanced React Patterns

Alexis Regnaud

What is the Simplest React App? — Many of us love to see something boiled down to the most basic, bare bones example to see just what is truly needed for something to work. Kent has boiled down creating the simplest of React apps in such a way here, and it's just a few lines.

Kent C. Dodds

5 Reasons Not to Write Your JavaScript Data Grid from Scratch — Data grids are essential for many business apps. You may be tempted (or kindly asked) to write one. Before you start...

Progress KendoReact sponsor

Six Recommendations for Styling Apps with Grommet — Grommet is a React-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package, but Dan has a few recommendations on its usage.

Dan Kelch

🐦  Learn Framer Motion in Ten Tweets — For those who really need the facts and nothing but the facts, this tutorial has boiled it down to just ten, 280 character chunks. It’s an interesting and surprisingly workable approach.

William Johnson

Creating Data Visualizations with D3 and React — Nowadays, it no longer seems sufficient to simply present the data in a compelling albeit static chart. What if that chart has to move in order to make a point? ;-)

Saji Wang

How To Implement Authentication in Next.js with Auth0 — The author makes a good case as to why authentication should be left to a third-party service like Auth0, and then walks through the steps to use the service in a Next.js app.

Facundo Giuliani

react-img-carousel — This UI component from a well-known source comes “lazy loading, autoplay, infinite scrolling, touch events and more”. In other words, everything you want in an image carousel.

GoDaddy

A Boilerplate for SSR’d Vite, React 17, and TypeScript 4.3 — Considers itself a “barebones, slightly-opinionated” boilerplate for working with a modern web stack.

JonLuca DeCaro

New Mobile Chat Kit From Stream

Stream sponsor

React CSS Theme Switcher — The tools you need to make your users’ experience configurable between a variety of visual styles.

Jose Felix

govuk-react: The GOV.UK Design System, Now for React — The UK government is encouraging the use of a consistent design system for services it provides to its citizens. This now includes providing a set of React components which implement it.

govuk-react

PanWriter: An Editor with Integrated Preview and Pandoc Support — Yet another Markdown editor, but this one has a real-time preview pane as well as support for multiple file formats through integration with the Pandoc document converter.

Mauro Bieg