An MDX, MJML & React Workflow for Building HTML Emails — We know perhaps better than most that creating HTML layouts that work in email clients is.. a tricky job! 😆 While we stay quite old school with our tooling, Josh deftly takes a more modern React-oriented approach here, leveraging Mailjet’s MJML framework and MDX - a way to work with Markdown in JSX – to keep things friendly and maintainable.

Josh W Comeau

React Native 0.69 Released — The first version of React Native to support React 18 – nice. It also marks the start of bundling a compatible version of Hermes with each new release, along with a number of additional highlights.

React Native Core Team

The Complete Guide to Building a React Form in 2022 — A good form can be a thing of beauty - and beauty's in the details. Read this blog for everything you need to know about designing & building sleek, user-friendly and accessible forms.

Progress KendoReact sponsor

How Shopify Built Hydrogen: A React Framework for Building Custom Storefronts — A deep dive into Shopify’s use of React for their brand new development platform for their merchants. “Frameworks aren’t a zero-sum game. Next.js, Remix, all the others are still awesome, but it makes a lot of sense for Shopify to build their own framework purpose-built for commerce.”

Josh Larson (Shopify)

Fresh 1.0: Preact and Server-Side Rendering Based Deno Framework — As a new full stack web framework for Deno with Preact sat in the back, the link to React proper is tenuous here, but it’s a significant project nonetheless and presents another option for React-flavored full-stack dev.

Luca Casonato

React Archer 4.0: Draw Arrows Between DOM Elements — There are no fewer than nine live examples here.

Pierre Poupin

React Virtuoso: Components for Rendering 'Enormous Data Sets' — Components for virtual lists / tables that can efficiently and lazily work through huge data sets. There’s a lot to get a grip on here but luckily the homepage has examples. GitHub repo.

Petyo Ivanov

Build a Mobile-Responsive Telehealth Pager App Using Stream’s Chat API

Stream sponsor

react-svg 15.1: Component to Inject SVG into the DOM — Rather than embedding SVG with img or an iframe or even CSS, you can get more control by putting SVG directly into the DOM and react-svg can do the heavy lifting for you.

Tane Morgan

React Calendar Heatmap 1.9 — Inspired by the contribution heatmaps you can see on your GitHub profile page.

Kevin Qi