--- title: "A React optimization case study from GitHub" publication: "React Status" issue: 469 published_at: "2026-04-10" canonical_url: "https://react.statuscode.com/issues/469" --- Plus React Native 0.85, React 19.2.5, a primer to TanStack Start, and how MDN switched out React for Lit and web components. #​469 — April 10, 2026 [Read on the Web](https://react.statuscode.com/issues/469) 🐣 **We're back** after a little Easter break, so we have two weeks of updates to catch up on – hold on tight! 😅 __ _Peter Cooper, your editor_ 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://www.addevent.com/event/8n58y7bjwqmr) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/aarhoheuf4wh0qxn1wge.jpg)](https://github.blog/engineering/architecture-optimization/the-uphill-climb-of-making-diff-lines-performant/) [The Uphill Climb of Making Diff Lines Performant on GitHub](https://github.blog/engineering/architecture-optimization/the-uphill-climb-of-making-diff-lines-performant/) — A practical breakdown of how GitHub’s team cut memory usage and interaction latency in their new React-powered PR diff view. If you’re intrigued by how component tree depth, event handler sprawl, and `useEffect` overuse can eat away at your app’s performance, this is useful reading. Ghenco and Shwert (GitHub) [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/8534bab8.jpg)](https://www.addevent.com/event/8n58y7bjwqmr) [Free Workshop: Claude Code Deep Dive — April 21](https://www.addevent.com/event/8n58y7bjwqmr) — Lydia Hallie from Anthropic teaches a full-day Claude Code workshop at Frontend Masters on April 21. Free to attend. No subscription required. Frontend Masters sponsor [Ink 7.0: Use React to Build TUIs and Command Line Apps](https://github.com/vadimdemedes/ink/releases/tag/v7.0.0) — A great example of _‘right place, right time’_, Ink now powers [tons of apps](https://github.com/vadimdemedes/ink?tab=readme-ov-file#whos-using-ink), especially in the agentic AI ecosystem. v7.0 now leans on React 19.2, uses `useEffectEvent` internally for added efficiency, and brings many new hooks and settings. Vadim Demedes **IN BRIEF:** - ⚠️ [React 19.2.5](https://github.com/facebook/react/releases/tag/v19.2.5), [19.1.6](https://github.com/facebook/react/releases/tag/v19.1.6) and [19.0.5](https://github.com/facebook/react/releases/tag/v19.0.5) have been released to deploy a fix for a React Server Components vulnerability. - [Mantine 9.0](https://mantine.dev/changelog/9-0-0/) is a major update for the popular component suite with a focus on a new calendar scheduling package ([lots of demos](https://mantine.dev/changelog/9-0-0/#new-mantineschedule-package)) along with a new [marquee component](https://mantine.dev/changelog/9-0-0/#marquee-component), and a huge variety of other enhancements. - 📺 🇫🇷 [23 talks to enjoy from _React Paris 2026_](https://www.youtube.com/playlist?list=PL53Z0yyYnpWhsizNWtlnyM7XWFUSw437J), now on YouTube. - [React Native 0.85](https://reactnative.dev/blog/2026/04/07/react-native-0.85) has shipped with a new animation backend and devtools improvements. ▶[TanStack Start: A Client-First Web Framework](https://www.youtube.com/watch?v=8XGcc-FRPuo) — A 30 minute talk from TanStack’s founder showcasing [TanStack Start](https://tanstack.com/start/latest)’s value proposition for both React and Solid developers looking for a complete SSR framework. Tanner Linsley [Under the Hood of MDN's New Frontend](https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/) — [MDN](https://developer.mozilla.org/en-US/) remains one of the most useful resources for frontend developers and it has a new frontend. This case study digs deep into how they replaced an ejected _Create React App_ based app with one driven by [Lit](https://lit.dev/)-based web components. Leo McArdle (MDN) [Sentry - A Guide To Fixing Slow Checkout Flows In React Native](https://sentry.io/cookbook/track-checkout-performance-react-native/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=mobile-fy27q1-cookbook&utm_content=newsletter-link-rn-tracing-trysentry) — Find slow checkout requests, fix them, and set up alerts before users notice. Step-by-step guide. Sentry sponsor 📄 [Signals: The Push-Pull Based Algorithm](https://willybrauner.com/journal/signal-the-push-pull-based-algorithm) – A ground-up explanation of how signals work, as seen at the core of reactivity in Solid, Vue, Preact, and Angular. A handy intro to compare against React. Willy Brauner 📄 [Moving Railway's Frontend Off Next.js](https://blog.railway.com/p/moving-railways-frontend-off-nextjs) – Another Next.js to Vite + TanStack Router migration. Victor Ramirez 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/pdwhlienrxklgkzikszi.jpg)](https://uiwjs.github.io/react-color/) 🎨 [React Color: Flexible Color Picker Components](https://uiwjs.github.io/react-color/) — There’s a wide array of options here for all sorts of freeform or curated color selection. [GitHub repo.](https://github.com/uiwjs/react-color) uiw and contributors [Boneyard: Auto-Generated Skeleton Screens for Your UI](https://boneyard.vercel.app/overview) — Snapshots your real UI and captures a flat list of skeleton ‘bones’ which are positioned, sized rectangles that mirror the page exactly. Also supports Vue, Svelte, and Angular. 0xGF [Docusaurus 3.10: The React-Powered Site Builder](https://docusaurus.io/blog/releases/3.10) — The popular MDX-powered site generator lands its final 3.x release with a focus on helping you prepare for Docusaurus 4 by opting into future settings and the faster, and now stable, _Docusaurus Faster_ build tooling. [This showcase](https://docusaurus.io/showcase) shows off the potential of the long-standing framework. Sébastien Lorber / Meta [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/mihjebeui2chdiix433d.jpg)](https://github.com/uiwjs/react-md-editor) - [Markdown Editor 4.1](https://github.com/uiwjs/react-md-editor) _(above)_ – Simple Markdown editor component with preview and syntax highlighting support. [Live demo of the latest version.](https://raw.githack.com/uiwjs/react-md-editor/2f25d39/index.html) - [react-infinite-scroll-component 7.0](https://github.com/ankeetmaini/react-infinite-scroll-component) – _"An infinite-scroll that actually works and super-simple to integrate!"_ The 8 year old component has [been modernized.](https://github.com/ankeetmaini/react-infinite-scroll-component/releases/tag/v7.0.0) - 📳 [react-native-haptic-feedback 3.0](https://github.com/mkuczera/react-native-haptic-feedback) – Haptic feedback integration for React Native on iOS and Android. - 🖼️ [react-inlinesvg v4.3.0](https://github.com/gilbarbara/react-inlinesvg) – Load inline, local, or remote SVGs in React components. ([Demo.](https://codesandbox.io/p/sandbox/github/gilbarbara/react-inlinesvg/tree/main/demo?file=%2Fsrc%2FApp.tsx)) - [html-react-parser 6.0](https://github.com/remarkablemark/html-react-parser) – HTML to React parser that converts HTML strings into React elements. - [Wasp 0.22.0](https://github.com/wasp-lang/wasp/releases/tag/v0.22.0) – Full framework for building full-stack React + Node webapps. - 🗓️ [React-Calendar 6.0](https://projects.wojtekmaj.pl/react-calendar/) – Popular date picker control. Now ESM only. - [React Native Skia 2.6](https://github.com/Shopify/react-native-skia) – High-performance 2D graphics library. 📰 Classifieds Flaky tests slowing down dev? [Meticulous](https://www.meticulous.ai/?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=26q2&utm_content=classified%20) gives engineers confidence to ship faster by autonomously testing every edge case of your web app. --- Seat-limited org plans are live in [Clerk](https://go.clerk.com/DQVaWpe) Billing. Set size caps per tier, enforce automatically. --- [Build apps with real-time search data](https://serpapi.com/playground/?utm_source=cooperpress&utm_campaign=react_classified) from Google, Maps, Shopping, and more. 📢 Elsewhere in the ecosystem - Chris Coyier's [What To Know in JavaScript (2026 Edition)](https://frontendmasters.com/blog/what-to-know-in-javascript-2026-edition/) provides a handy refresher of the latest in language features, as well as the state of various frameworks and build tools. - 🔊 If you've got code that uses the [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API) and you'd like to generate that audio on the _server_ (with Node or Bun) too, [web-audio-api 1.x](https://github.com/audiojs/web-audio-api) makes it possible. - Ally Piechowski shares [the `git` commands she runs before reading any code](https://piechowski.io/post/git-commands-before-reading-code/). They provide a handy way to get a quick grasp on what's happening in larger, multi-contributor repos. - 📊 WebKit, Google and Mozilla have [unveiled _JetStream 3_](https://webkit.org/blog/17899/introducing-the-jetstream-3-benchmark-suite/), the latest version of a popular browser-oriented JS and WASM performance benchmark suite. - 🗳️ The [second annual 'State of AI' survey is now live](https://survey.devographics.com/en-US/survey/state-of-ai/2026), seeking responses on AI usage within web development. - 🇷🇴 The popular [_JSHeroes_ conference](https://jsheroes.io/) is back this May 14-15 in Romania. 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