--- title: "A bumper React 19 feature roundup" publication: "React Status" issue: 399 published_at: "2024-09-11" canonical_url: "https://react.statuscode.com/issues/399" --- Plus some React event news, Relay 18, and a framework SSR performance showdown. | #​399 — September 11, 2024 [Read on the Web](https://react.statuscode.com/issues/) Together with [![Frontend Masters logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_300,h_70/e_make_transparent/co_white,e_outline:5/nk0tfdvalivacz8rw7rt.png)](https://frontendmasters.com/sale/?utm_source=email&utm_medium=reactstatus&utm_content=sale) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/veelpbyunhd3ro6diuob.jpg)](https://vercel.com/blog/whats-new-in-react-19) [What’s New in React 19](https://vercel.com/blog/whats-new-in-react-19) — A thorough roundup of what’s coming in React 19, which has been [in release candidate status](https://react.dev/blog/2024/04/25/react-19) for several months now, covering both headline features like Server Components and Actions, as well as many smaller enhancements like easier preloading of resources and control over stylesheet loading precedence. Michael Novotny (Vercel) [![\](https://copm.s3.amazonaws.com/ef20cd3e.jpg)](https://frontendmasters.com/sale/?utm_source=email&utm_medium=reactstatus&utm_content=sale) [The Frontend Masters Knowledge Quest Sale Is Going on All Week!](https://frontendmasters.com/sale/?utm_source=email&utm_medium=reactstatus&utm_content=sale) — The Frontend Masters Knowledge Quest sale is now on! There's four new learning paths (including JS performance and code architecture) with more epic courses on the way throughout 2024 and beyond. Frontend Masters sponsor [React and `FormData`](https://reacttraining.com/blog/react-and-form-data) — [FormData](https://developer.mozilla.org/en-US/docs/Web/API/FormData) is ironically both the ‘newest and yet oldest’ standard for accessing form data. Here are some practical ways for using it with TypeScript. Brad Westfall **IN BRIEF:** - Over on _X_, React Native's Alex Hunt [announced the new React Native DevTools](https://x.com/alxhnt/status/1831611988038054269), coming to the forthcoming React Native 0.76. - 📅 Vercel's [Next.js Conf 2024](https://nextjs.org/conf) is taking place this October 24, both in person in San Francisco, as well as online. - Last week, we mentioned [shadcn's](https://ui.shadcn.com/) new CLI tool. Now, React YouTuber Jack Herrington [▶️ shows off why it's so useful.](https://www.youtube.com/watch?v=LEFRcCf4ehc) - OpenAI has switched [ChatGPT](https://chatgpt.com/) from Next.js to a [Remix](https://remix.run/)-based app, and [▶️ Wes Bos has done some digging around to figure out why.](https://www.youtube.com/watch?v=hHWgGfZpk00) - And it's not just OpenAI, [Echobind found switching from Next.js to Remix](https://echobind.com/post/oops-i-accidentally-made-our-website-faster-by-switching-to-remix) made their site faster too. - [TypeScript 5.6](https://devblogs.microsoft.com/typescript/announcing-typescript-5-6/) has been released. [An SSR Performance Showdown](https://blog.platformatic.dev/ssr-performance-showdown) — Fastify’s Matteo Collina set out to find out the current state of server-side rendering performance across today’s most popular libraries – yes, including React. Matteo Collina 📄 [You Can't Make Children 'Type Safe' in React and TypeScript](https://www.totaltypescript.com/type-safe-children-in-react-and-typescript) Matt Pocock 📄 [Building PC Game UIs Using React](https://www.frontendundefined.com/posts/essays/pc-game-ui-react/) – _“I wanted to write this post to show how React has secretly found its way into the games that we play.”_ Prabashwara Seneviratne 📄 [Deploying a Next.js App to Production on Any Server](https://www.saybackend.com/blog/04-deploy-nextjs-to-production-without-vercel) Kamrannetic 📄 [Creating an Animated Hamburger Menu Icon for React](https://blog.logrocket.com/creating-animated-hamburger-menu-icon-react/) Ibadehin Mojeed (LogRocket) 📄 [Replacing React Code with CSS's `:has` Selector?](https://www.developerway.com/posts/replacing-react-with-css) Nadia Makarevich 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/c87woxozjhlndiqjr2rt.jpg)](https://react-call.desko.dev/) [react-call: Call Your React Components](https://react-call.desko.dev/) — Gives you a `call(props)` function as an imperative way to call a component, even from outside React and with no context providers needed. [GitHub repo.](https://github.com/desko27/react-call) Ismael Ramon 📰 Classifieds 🆕 [Discover Reactile](https://www.reactile.net/?utm_source=reactstatus), for React web apps. Create your views. Let it handle windows and widgets in a tile layout within a single browser tab. --- [Automatically creates & maintains E2E UI tests](https://www.meticulous.ai?utm_source=react_status&utm_campaign=september11th). Zero flakes. Used by Lattice, Bilt Rewards, Capchase, Courier and others. [Valtio 2.0: Proxy State Made Simple](https://valtio.dev/) — Turns objects into self-aware proxies so you can access state and subscribe to changes outside of components, add [computed properties](https://github.com/pmndrs/valtio/blob/main/docs/guides/computed-properties.mdx) and more. Designed for React and compatible with Suspense, but also possible to [use with vanilla JS.](https://github.com/pmndrs/valtio?tab=readme-ov-file#use-it-vanilla) – [GitHub repo.](https://github.com/pmndrs/valtio) Daishi Kato 🐈 [React Kitten: Make Desktop-Like Environments for the Web](https://kitten.meowingcat.io/) — A quirky, but interestingly presented, project that lets you create a sort of in-browser ‘desktop environment’ with React. The [live demo in the docs](https://kitten-tutorial.meowingcat.io/basics/introduction/welcome/) shows off the idea quite well. Oğuzhan Eroğlu [react-native-compressor: Compress Media Before Uploading It](https://github.com/numandev1/react-native-compressor) — Many chat apps compress media locally before uploading them to a server, and now your React Native app can too. Numan - [Relay 18.0](https://github.com/facebook/relay/releases/tag/v18.0.0) – Facebook's alternative framework for building data-driven React apps. - [Veact 1.0](https://github.com/veactjs/veact) – Mutable state enhancer library for React, built on top of`@vue/reactivity`. - [React Elm Component 0.2](https://github.com/roebuk/react-elm-component) – Embed an [Elm](https://elm-lang.org/) app within a React component. - [react-json-view-lite 1.5](https://github.com/AnyRoad/react-json-view-lite) – Render JSON objects in a tree view, [as here.](https://anyroad.github.io/react-json-view-lite/?path=/docs/json-view--docs) - [React Joyride 2.9.1](https://github.com/gilbarbara/react-joyride) – Create [guided tours](https://react-joyride.com/) in your apps. - [Vaul 0.9.2](https://github.com/emilkowalski/vaul) – Unstyled drawer component. ([Demo](https://vaul.emilkowal.ski/).) - [Redwood 8.1](https://github.com/redwoodjs/redwood/releases/tag/v8.1.0) – GraphQL-driven React framework. - [React Native Geolocation 3.4](https://github.com/michalchudziak/react-native-geolocation) 📅 A React event for your calendar [![\](https://res.cloudinary.com/cpress/image/upload/v1726063053/hzw3q4tquysm3lemqwvu.png)](https://gitnation.com/badges/react-advanced-conference-2024/roy_derks?from=React+Status) In partnership with GitNation, we’ve reserved [a free limited remote ticket to _React Advanced 2024_](https://gitnation.com/badges/react-advanced-conference-2024/roy_derks?from=React+Status) for _React Status_ readers (with 50% of the talks – workshops excluded). Join Mark Dalgleish, Daishi Kato, Jack Herrington, and more, and if you share your badge on LinkedIn/Twitter and invite 3+ friends, you can get an upgrade to a full remote ticket for free. _Advanced React and Web Development topics await._ [Check out _React Advanced 2024_ here.](https://gitnation.com/badges/react-advanced-conference-2024/roy_derks?from=React+Status) 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