~reactstatus | Issue 374 - React 19 is on the horizon (12)

📣 The React Team Shares What It's Been Working On — It’s been eleven months since the last update, so a lot has happened. Work on React Compiler has progressed; it now powers Instagram’s production site. We also learn that React 19 is on the way and will include some breaking changes, particularly to support things like Web Components. Some of the latest developments in...

React Trends in 2024 — Robin says that recent developments have got him “excited about React’s ecosystem again” for 2024, but where does he see things progressing? Astro, RSCs, Vercel, and Biome all make an appearance.

Remix Vite Now Stable; Gets an SPA Mode — Remix is a full-stack web framework built atop React Router (full explanation) that compiles apps into both server and client-side portions that interoperate seamlessly. Support for Vite is now stable in Remix v2.7 (released yesterday), with a significant enhancement being a new SPA mode that doesn’t require a JS server in production while maintaining many...

Building a CLI App with React and Ink — Why? Why not? This isn’t a tutorial, but more a look at just how simply such an app can come together.

Google Tag Manager Consent Mode v2 in React, Gatsby and Next.js — When someone else has spent the time figuring out how to do something that’s both confusing and boring, it’s truly generous to pass the knowledge on!

react-print-pdf: A UI Kit for PDFs and Print Documents — An abstraction for building and generating PDFs using components in React and JSX. It uses Onedoc or Prince XML behind the scenes for the eventual PDF generation, so your mileage may vary.

Redwood v7.0: The React + GraphQL App Framework — Redwood is frequently overlooked in the field of React-based frameworks. It’s a full-stack Web framework that takes an opinionated approach, bringing together React, GraphQL, Prisma, TypeScript, and more, with a focus on building complete apps as quickly as possible. v7 includes a new observability tool called Redwood Studio, includes realtime GraphQL features, and more.

React Virtuoso 4.7: Components for Rendering Enormous Data Sets — Components for virtual lists / tables that can efficiently (and lazily) work through huge data sets. Luckily the homepage has some live examples. GitHub repo.

React Tag Autocomplete 7.2 — A flexible, accessible tagging component that makes it easy to guide users in the right direction when entering tags. Check out the live demo to see it in action.

react-document-picture-in-picture: A Component for an Experimental Web Picture-in-Picture API — While the Document Picture-in-Picture API does not yet enjoy universal browser support, here’s a chance to give it a go from React, if you’d like to see certain content ‘stay on top’. (There's a live demo.)

▶  Are You Retro Enough? A Text Adventure Engine Rebuilt in React — Posted a year ago, we only just stumbled across this fun video taking a look at yet another unusual use case for React. This is both a nice primer for the basics of text adventures (we appreciate not all of you are as old as us..) and then how the developer modelled...