--- title: "React 19 is on the horizon" publication: "React Status" issue: 374 published_at: "2024-02-21" canonical_url: "https://react.statuscode.com/issues/374" --- Plus modern React trends, and a text adventure engine built in React. | #​374 — February 21, 2024 [Read on the Web](https://react.statuscode.com/issues/374) Apologies if you noticed there was no newsletter last week. This was intentional, but I forgot to mention it in advance. It's the usual weekly service now until Easter at least.. :-) __ _Your editor, Peter Cooper_ Together with [![Sentry logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_350,h_100/e_make_transparent/co_white,e_outline:7/xdmchdxkka938lxfr86f.png)](https://sentry.io/events/launch-week/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy25q1-launchweek&utm_content=newsletter-launchweek-register) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/utj8wjarnm0gx4nomaf1.jpg)](https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024) 📣 [The React Team Shares What It's Been Working On](https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024) — It’s been eleven months since the [last update](https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023), so a lot has happened. Work on [React Compiler](https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024#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 Canary](https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024#new-features-in-react-canary) are also covered. Fingers crossed for May.. The React.js Core Team 💡 If you want to learn more about what React being 'compiled' might mean for you, Brad Westfall's ['React 19 Will Be Compiled'](https://reacttraining.com/blog/react-19-will-be-compiled) goes into further depth. [React Trends in 2024](https://www.robinwieruch.de/react-trends/) — 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. Robin Wieruch [![\](https://copm.s3.amazonaws.com/1dea04e0.png)](https://sentry.io/events/launch-week/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy25q1-launchweek&utm_content=newsletter-launchweek-register) [Announcing Metrics for React Developers and More](https://sentry.io/events/launch-week/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy25q1-launchweek&utm_content=newsletter-launchweek-register) — **Join Sentry Launch Week live.** We’ll be announcing new error and performance monitoring improvements, showing exclusive demos, raffling swag and talking about all things developer and React, every. single. day. (For one week). Sentry sponsor [Remix Vite Now Stable; Gets an SPA Mode](https://remix.run/blog/remix-vite-stable) — Remix is a full-stack web framework built atop React Router ([full explanation](https://remix.run/docs/en/main/discussion/introduction)) 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](https://remix.run/docs/en/main/future/spa-mode) that _doesn’t_ require a JS server in production while maintaining many of Remix’s conventions and benefits. Mark Dalgleish and Pedro Cattori _IN BRIEF:_ - 🤔 Andy Gallagher wonders if [the Suspense juice is worth the squeeze?](https://andy-gallagher.com/blog/about-react-suspense/) - 📅 _React Conf 2024_ opened up its _ticket lottery_ as a way to fairly distribute tickets to potential attendees. [You can enter the lottery here](https://forms.reform.app/bLaLeE/react-conf-2024-ticket-lottery/1aRQLK) up until February 28. The event takes place near Las Vegas this May. You can also [submit a talk proposal](https://sessionize.com/react-conf-2024/), if you prefer. - 🫡 Marc Grabanski [tips his hat to Next.js and Vercel](https://frontendmasters.com/blog/respect-to-next-js-and-vercel/). - [▶️ Are your React components too big?](https://www.youtube.com/watch?v=NsFmOttIW9Y) asks Jack Herrington. [Building a CLI App with React and Ink](https://www.nico.fyi/blog/react-ink-cli-chat-supabase) — Why? Why not? This isn’t a tutorial, but more a look at just how simply such an app can come together. Nico Prananta [Google Tag Manager Consent Mode v2 in React, Gatsby and Next.js](https://blog.cloud66.com/google-tag-manager-consent-mode-v2-in-react) — 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! Khash Sajadi [Setting Up a Monorepo using PNPM Workspaces with TypeScript and Tailwind](https://blog.emmanuelisenah.com/setting-up-a-monorepo-using-pnpm-workspaces-with-typescript-and-tailwind) Emmanuel Isenah 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/btfe0klex8ayczes6jvu.jpg)](https://github.com/OnedocLabs/react-print-pdf) [react-print-pdf: A UI Kit for PDFs and Print Documents](https://github.com/OnedocLabs/react-print-pdf) — 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. Onedoc Labs [Redwood v7.0: The React + GraphQL App Framework](https://community.redwoodjs.com/t/redwood-v7-0-0-is-now-available/5777) — [Redwood](https://redwoodjs.com/) 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. RedwoodJS Community 📰 Classifieds 🌐 Learn how you can use Cloudflare Workers, Drizzle ORM, and Neon Postgres to [build a serverless API](https://neon.tech/blog/api-cf-drizzle-neon?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=reactstatus). --- 🍳 [Omlet](https://omlet.dev/?utm_campaign=partner_react-status_newsletter-classified-feb-2024) gives you analytics on where your components are used. Increase design system adoption and make data-driven improvements. [Start for free](https://omlet.dev/?utm_campaign=partner_react-status_newsletter-classified-feb-2024). [React Virtuoso 4.7: Components for Rendering Enormous Data Sets](https://virtuoso.dev/) — Components for virtual lists / tables that can efficiently (and lazily) work through huge data sets. Luckily the homepage has some live examples. [GitHub repo.](https://github.com/petyosi/react-virtuoso) Petyo Ivanov [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/aeceea91sohygfvsmiri.jpg)](https://github.com/i-like-robots/react-tag-autocomplete) [React Tag Autocomplete 7.2](https://github.com/i-like-robots/react-tag-autocomplete) — A flexible, accessible tagging component that makes it easy to guide users in the right direction when entering tags. Check out [the live demo](https://i-like-robots.github.io/react-tag-autocomplete/) to see it in action. Matt Hinchliffe [react-document-picture-in-picture: A Component for an Experimental Web Picture-in-Picture API](https://github.com/martinshaw/react-document-picture-in-picture) — While the _Document Picture-in-Picture API_ does not yet enjoy universal [browser support](https://caniuse.com/mdn-api_documentpictureinpicture), 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.](https://martinshaw.github.io/react-document-picture-in-picture/packages/examples/dist/)) Martin Shaw [react-use-wizard 2.3: A Step-by-Step Wizard Builder](https://github.com/devrnt/react-use-wizard) — There are [some examples on the homepage.](https://devrnt.github.io/react-use-wizard/) Jonas De Vrient - [react-intersection-observer 9.8](https://github.com/thebuilder/react-intersection-observer) – Uses the Intersection Observer API to take action when an element enters or leaves the viewport. - [React Native Boilerplate 4.1](https://github.com/thecodingmachine/react-native-boilerplate) – A starter template for RN apps. - [React Native Vision Camera 3.9](https://github.com/mrousavy/react-native-vision-camera/releases/tag/v3.9.0) – Powerful camera control. - [react-native-bootsplash 5.4](https://github.com/zoontek/react-native-bootsplash) – Show a splash screen during startup. - [React Stripe.js 2.5](https://github.com/stripe/react-stripe-js) – Components for Stripe.js and Stripe Elements. - [React Share 5.1](https://github.com/nygardk/react-share) – Social media sharing buttons. - [MDX 3.0.1](https://github.com/mdx-js/mdx) – Markdown for the component era. 👾 And one for fun.. [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/nszki5lpayivhmgrpmg5.jpg)](https://www.youtube.com/watch?v=V8_UnTnrn_g) ▶[Are You Retro Enough? A Text Adventure Engine Rebuilt in React](https://www.youtube.com/watch?v=V8_UnTnrn_g) — 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 text adventure concepts in React. Mark Makes Stuff 💡 If you'd rather not watch a video, there's [a related blog post](https://www.markmakesstuff.com/posts/text-adventure-react) and [a GitHub repo with the code.](https://github.com/markarenz/mms-text-adventure) Curated by Peter Cooper and Terence C. Gannon. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom