#​399 — September 11, 2024

Read on the Web

Together with  Frontend Masters logo
React Status

What’s New in React 19 — A thorough roundup of what’s coming in React 19, which has been in release candidate status 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)

The Frontend Masters Knowledge Quest Sale Is Going on All Week! — 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 FormDataFormData 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:

An 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 Matt Pocock

📄 Building PC Game UIs Using 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 Kurta Payjama

📄 Creating an Animated Hamburger Menu Icon for React Ibadehin Mojeed (LogRocket)

📄 Replacing React Code with CSS's :has Selector? Nadia Makarevich

🛠  Code, Tools & Libraries

react-call: Call Your React Components — 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.

Ismael Ramon

📰 Classifieds

🆕 Discover Reactile, 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. Zero flakes. Used by Lattice, Bilt Rewards, Capchase, Courier and others.

Valtio 2.0: Proxy State Made Simple — Turns objects into self-aware proxies so you can access state and subscribe to changes outside of components, add computed properties and more. Designed for React and compatible with Suspense, but also possible to use with vanilla JS.GitHub repo.

Daishi Kato

🐈  React Kitten: Make Desktop-Like Environments for the Web — 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 shows off the idea quite well.

Oğuzhan Eroğlu

react-native-compressor: Compress Media Before Uploading It — Many chat apps compress media locally before uploading them to a server, and now your React Native app can too.

Numan

📅 A React event for your calendar

In partnership with GitNation, we’ve reserved a free limited remote ticket to React Advanced 2024 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.