--- title: "How React’s Activity component helps keep state alive" publication: "React Status" issue: 465 published_at: "2026-03-06" canonical_url: "https://react.statuscode.com/issues/465" --- Plus a 'pick which props are better' game you can play. #​465 — March 6, 2026 [Read on the Web](https://react.statuscode.com/issues/465) Together with [![WorkOS\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_514,h_98/e_make_transparent/co_white,e_outline:9/tdfxwgk852ui9leli4wm.png)](https://workos.com/docs/authkit/cli-installer?utm_source=cpreact&utm_medium=newsletter&utm_campaign=q12026) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/b3ja8qoff7o5p8saohzz.jpg)](https://www.patreon.com/posts/seven-years-to-typescript-152144830) [Seven Years to TypeScript: Migrating 11,000 Files at Patreon](https://www.patreon.com/posts/seven-years-to-typescript-152144830) — The creator monetization platform had a million lines of largely React-based JavaScript on its hands, and while adopting TypeScript on new code was going well, getting _all_ their code (often using legacy React conventions) upgraded was daunting. This insight-heavy retrospective covers the tools and techniques involved. Gavy Aggarwal (Patreon) [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/284c1114.png)](https://workos.com/docs/authkit/cli-installer?utm_source=cpreact&utm_medium=newsletter&utm_campaign=q12026) [`npx workos:` An AI Agent That Writes Auth Into Your Codebase](https://workos.com/docs/authkit/cli-installer?utm_source=cpreact&utm_medium=newsletter&utm_campaign=q12026) — Reads your project, detects your framework, and writes a complete auth integration into your existing codebase. It then typechecks, builds, and self-corrects any errors. Just run `npx workos`. WorkOS sponsor [How `Activity` Can Keep Your Video Where You Left It](https://www.mux.com/blog/react-is-changing-the-game-for-streaming-apps-with-the-activity-component) — A look at using React 19.2’s [`Activity` component](https://react.dev/reference/react/Activity) to preserve video playback state across visibility changes, though the technique can apply to any situation where component state needs to survive being hidden. Joshua Alphonse (Mux) **IN BRIEF:** - VoidZero's Alexander Lichter [wrote a mega 'ViteLand' roundup](https://voidzero.dev/posts/whats-new-feb-2026) covering the latest Oxfmt Beta, Vite, Vitest, and community updates. - Devon Govett, maintainer of [React Aria](https://react-aria.adobe.com/), makes the case for [why you'd use a JavaScript modal library](https://github.com/adobe/react-spectrum/discussions/9696#discussioncomment-15942257) instead of the browser's native `dialog` element. - The [first RC of React Native 0.85.0](https://github.com/facebook/react-native/releases/tag/v0.85.0-rc.0) is out. [Bringing Lighthouse to the App: Core Web Vitals for React Native](https://engineering.indeedblog.com/blog/2026/03/bringing-lighthouse-to-the-app-building-performance-metrics-for-react-native/) — Indeed adapted Google’s Core Web Vitals for React Native and open-sourced a single hook that gives you a Lighthouse-style performance score in just a few lines. Ben Cripps (Indeed) ▶[Build Your Own Screen Recorder and Video Sharing App with Next.js and Mux](https://www.youtube.com/watch?v=IBTx5aGj-6U) — I was hoping for a clone of 90s video game [Loom](https://en.wikipedia.org/wiki/Loom_%28video_game%29) at first, but it’s more like [this Loom](https://www.loom.com/) instead… 😅 Beau Carnes 📄 [How I used Cursor to Migrate Frameworks](https://kentcdodds.com/blog/how-i-used-cursor-to-migrate-frameworks) – From Remix v2 to React Router v7, specifically. Kent C Dodds 📺 [Cloudflare Just 'Slop Forked' Next.js](https://www.youtube.com/watch?v=abbeIUOCzmw) – A characteristically irreverent five-minute take on last week’s big news of [Cloudflare building its `vinext` Next.js clone.](https://blog.cloudflare.com/vinext/) Fireship 📄 [Creating iOS Home Screen Widgets and Live Activities in Expo](https://expo.dev/blog/home-screen-widgets-and-live-activities-in-expo) Jakub Grzywacz (Expo) 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/qmzdgirov2dkswp99fss.jpg)](https://tinybase.org/) [TinyBase 8.0: A Reactive Data Store for Local-First Apps](https://tinybase.org/) — A reactive data store and sync engine that can be used as the entire backend for many types of app. It can stand alone or [integrate with all sorts of things](https://tinybase.org/guides/the-basics/architectural-options/) like cloud storage, client-side stores, SQL databases, etc. [v8.0](https://tinybase.org/guides/releases/#v8-0) adds a middleware feature and the ability to store objects and arrays in its ‘cells’. James Pearce [Build JSON-Driven Forms in React Without the Boilerplate](https://surveyjs.io/?utm_source=react_status&utm_medium=email&utm_campaign=q1) — Generate dynamic forms from JSON schemas, add logic and styling, and keep full control of data and UX. [Learn more](https://surveyjs.io/?utm_source=react_status&utm_medium=email&utm_campaign=q1). SurveyJS sponsor [React Native Grab: Tap Any UI Element, Get Its Source Context](https://github.com/callstackincubator/react-native-grab) — Inspired by [React Grab](https://www.react-grab.com/), this is an early preview from Callstack of some Metro middleware that lets you shake your device to enter 'grab mode', tap any visible element, and get the source-file path plus component context on your clipboard. Callstack [AwesomeSlider 5.0: A '60 FPS' Customizable Image/Video Carousel](https://github.com/rcaferati/react-awesome-slider) — We last linked to this over six years ago, and it’s always great to see a library reawaken like this. [Storybook demos.](https://react-awesome-slider.caferati.dev/) Rafael Caferati [8bitcn/ui: A Set of 50+ Accessible Retro-Styled UI Components](https://www.8bitcn.com/) — Indulge in a little 1980s nostalgia with this chunky, NES-inspired set of components. It's available on a trusted registry for shadcn/ui so is [easy to integrate.](https://www.8bitcn.com/docs) ([GitHub repo](https://github.com/TheOrcDev/8bitcn-ui).) OrcDev [React Cosmos 7.2: Sandbox for Developing & Testing UI Components](https://reactcosmos.org/) — A sandbox for developing and testing UI components in isolation. Now supports React 19 and Next 15. There’s [more explanation here](https://reactcosmos.org/docs#what-is-react-cosmos), plus [a live demo.](https://reactcosmos.org/demo/?fixture=%7B%22path%22%3A%22src%2Fcomponents%2FTodoApp.fixture.tsx%22%7D) Ovidiu Cherecheș et al. [BlockNote: The 'Notion-Like' Block-Based Text Editor](https://www.blocknotejs.org/) — A ProseMirror and TipTap-based editor that lets you drag and drop blocks, add real-time collaboration, customizable ‘slash command’ menus, and more. There are [tons of examples](https://www.blocknotejs.org/examples) to enjoy. TypeCell - [React Native Skia 2.5](https://github.com/Shopify/react-native-skia) – High-performance Skia-based 2D graphics library for React Native. ([More info.](https://shopify.github.io/react-native-skia/docs/getting-started/installation)) - [React-Custom-Scroll 7.1](https://github.com/rommguy/react-custom-scroll) – Customize browser scrollbars while preserving native behavior. Now works with React 19. ([Demo.](https://rommguy.github.io/react-custom-scroll/exampleDist/index.html)) - [Cron Generator 2.2](https://github.com/sojinantony01/react-cron-generator) – Component for users to build cron expressions. ([Demo.](https://sojinantony01.github.io/react-cron-generator/)) - 🌐 [next-translate 3.0](https://github.com/aralroca/next-translate) – Easy internationalization (i18n) for Next.js. - [React Icons 5.6](https://github.com/react-icons/react-icons) – Include popular icons in your React apps easily. - 🗓️ [ilamy Calendar 1.4](https://github.com/kcsujeet/ilamy-calendar) – Full GCal-style calendar component. 📰 Classifieds Your AI assistant writes broken Clerk code. [Clerk Skills fixes that](https://go.clerk.com/qU985dD) — current React SDK patterns for Cursor and Claude Code. --- 📖 Master _Visual Studio Code_, and learn [over 150 essential tips in this screenshot-packed guide](https://lazarpress.gumroad.com/l/learnvscode) from Louis Lazaris. 📢 Elsewhere in the ecosystem [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ow8v1ayxrd7tbgmosqar.jpg)](https://cant-maintain.saschb2b.com/) - [Can't Maintain](https://cant-maintain.saschb2b.com/) is a quick web game where you have to pick which of two sets of props is better. If you get it wrong, it provides guidance as to why one set is better than the other. - [Inertia](https://inertiajs.com/), a popular glue layer for using React (or Svelte or Vue) as a view layer in server-driven apps, has [unveiled its v3 beta](https://laravel.com/blog/inertiajs-v3-is-now-in-beta). It now requires React 19, drops Axios, adds first-class support for optimistic updates, and more. - [npmx.dev](https://npmx.dev/) is a new, fast way to browse and search the official npm registry that's entered _alpha_ this week with [a post running through all the details.](https://npmx.dev/blog/alpha-release) - Eric Allam shares [a full post-mortem of how _Trigger_ was hit by Shai-Hulud](https://trigger.dev/blog/shai-hulud-postmortem), the recent worm that attacked the npm supply chain and compromised thousands of packages and repos. 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