# This Week In React #216: Next.js, ViewTransition, RSC, Compiler, React Router, Recoil, Bippy, Docusaurus, A11y, Static Hermes, Nitro, Radon, SQLite... --- Hi everyone! Cyril and Matthieu from Theodo Apps here ๐Ÿ‘‹, standing in for Seb to bring you the latest news from React and React Native! The previous edition was last Friday, so this one will be a bit shorter than usual. Weโ€™re resuming the usual pace of one newsletter every week after the holidays. The [2024 edition of JS rising stars](https://risingstars.js.org/2024/en) is out, you can start by having a look at which libraries performed well on this flawed but still useful metric of GitHub starts. Spoiler: `shadcn/ui` gained the most stars (again). Sรฉbastien commented the [Tooling section](https://risingstars.js.org/2024/en#section-build). Make sure to check our partner ๐Ÿ—“๏ธย [Paris TypeScript La Conf'](https://la-conf.typescript.paris/?utm_source=thisweekinreact) -ย ๐Ÿ‡ซ๐Ÿ‡ทย Paris - 28 February - Full speaker line up just dropped! Joinย Mateusz Burzyล„ski,ย Elise Patrikainen and David Rousset! Get 20% off tickets with code "TWIR"! --- ๐Ÿ’ก Subscribe to the [official newsletter](https://thisweekinreact.com?utm_source=dev_crosspost) to receive an email every week! [![banner](https://thisweekinreact.com/img/TWIR_POST.png align="left")](https://thisweekinreact.com?utm_source=dev_crosspost) --- ## ๐Ÿ’ธ Sponsor [![PropelAuth: Make Authentication Your Advantage](https://thisweekinreact.com/emails/issues/216/PropelAuth.jpg align="left")](https://www.propelauth.com/?utm_source=newsletter&utm_campaign=twinrjan82024) [**PropelAuth: Make Authentication Your Advantage**](https://www.propelauth.com/?utm_source=newsletter&utm_campaign=twinrjan82024) If your authentication isn't **helping you grow**, it's **holding you back**. With [PropelAuth](https://www.propelauth.com/?utm_source=newsletter&utm_campaign=twinrjan82024), you get everything you need to launch and scale your B2B product: * **Easy to understand** [documentation](https://docs.propelauth.com/?utm_source=newsletter&utm_campaign=twinrjan82024) and **friendly, fast support**. * **UIs that cover all your use cases** - signup, login, MFA, organization management and more. * **User impersonation** so you can provide top-notch support to your users. * **Enterprise SAML/SSO** and **advanced security features** so you can be upmarket-ready. * **User insights** to help you strategize and expand. [Get started today](https://www.propelauth.com/?utm_source=newsletter&utm_campaign=twinrjan82024) --- ## โš›๏ธ React [![Composable Caching with Next.js](https://thisweekinreact.com/emails/issues/216/nextjscache.jpg align="left")](https://nextjs.org/blog/composable-caching) [**Composable Caching with Next.js**](https://nextjs.org/blog/composable-caching) Explains what Next.js is trying to accomplish, and why `โ€use cacheโ€` is a compiler directive and not a function (to be able to analyze closures and determine the right cache key). --- [![React Core PR - Add Component](https://thisweekinreact.com/emails/issues/216/viewTransitions.jpg align="left")](https://github.com/facebook/react/pull/31975) [**React Core PR - Add** `` Component](https://github.com/facebook/react/pull/31975) React is adding support for View transitions with a `` component that integrates with all the async features like Suspense and `startTransition`. --- * ๐Ÿ’ธ [daily.dev](http://daily.dev)[: Your personal dev news feed. Free!](https://daily.dev/w/this-week-in-react) * ๐Ÿฆ [Recoil (state manager by meta) has been archived](https://x.com/dai_shi/status/1875910305802514649) * ๐Ÿ“œ [RSC and Server Action Bundle Practice](https://github.com/orgs/web-infra-dev/discussions/23): An Rspack maintainer shared a comprehensive deep dive on how bundlers implement React Server Components in practice, notably webpack and Turbopack. * ๐Ÿ“œ [Automated Accessibility Testing at Slack](https://slack.engineering/automated-accessibility-testing-at-slack/): They tried to do it with testing-library but ended up using Playwright. * ๐Ÿ“œ [Thoughts on State Management Libraries in the React Compiler Era](https://blog.axlight.com/posts/thoughts-on-state-management-libraries-in-the-react-compiler-era/): The compiler makes React Context much more attractive, are they still useful? * ๐Ÿ“œ [All kinds of state management in React](https://www.typeonce.dev/article/all-kinds-of-state-management-in-react): url state, server state, client stateโ€ฆ * ๐Ÿ“œ [React Router 7 Tutorial](https://www.robinwieruch.de/react-router/): A 3-part series covering the introduction, descendent routes and search params. * ๐Ÿ“œ [How React's Render, Effects and Refs work under the hood](https://tigerabrodi.blog/how-reacts-render-effects-and-refs-work-under-the-hood) * ๐Ÿ“œ [Redux Saga Is Hard Until You Look Under The Hood](https://janhesters.com/blog/redux-saga-is-hard-until-you-look-under-the-hood) * ๐Ÿ“ฆ [Bippy - A toolkit to hack into react internals](https://www.bippy.dev/): Itโ€™s what [react-scan](https://github.com/aidenybai/react-scan) uses under the hood to access the Fiber tree. * ๐Ÿ“ฆ [Docusaurus 3.7](https://docusaurus.io/blog/releases/3.7) adds support for React 19 and a new svgr plugin. * ๐Ÿ“ฆ [React Admin 5.4 (and 5.3)](https://marmelab.com/blog/2025/01/08/react-admin-january-2025-update.html) * ๐ŸŽฅ [Cosden - The Biggest Mistake Intermediate React Developers Make](https://www.youtube.com/watch?v=jqcbIgQBn34) * ๐ŸŽฅ [Alem Tuzlak - The Benefits of React Router V7 Nobody Told You About](https://www.youtube.com/watch?v=EGuYKL8puRI) * ๐ŸŽฅ [Theo - Inertia 2.0: It's like Next but better (and you can use React!)](https://www.youtube.com/watch?v=OpXLWJd2iO0) * ๐ŸŽ™๏ธ [Syntax.fm](http://Syntax.fm) [- 2025 Web Development Predictions](https://syntax.fm/show/866/2025-web-development-predictions) --- ## ๐Ÿ’ธ Sponsor [![Rethink your React apps' UX with Reactile](https://thisweekinreact.com/emails/issues/216/reactile.jpg align="left")](https://www.reactile.net/?utm_source=ThisweekinReact) [**Rethink your React apps' UX with Reactile**](https://www.reactile.net/?utm_source=ThisweekinReact) Reactile is an UI/UX turnkey framework which features an out-of-the-box, intuitive tiling display with workspaces. It encourages parallel workloads for large web solutions within a single browser tab. Implement your own view containers, widgets and logic using React and let Reactile handle the display for you. On top of that, Reactile also offers: * A promise-based persistence mechanism which permits a uniform workflow across time and on multiple devices. * The possibility to use nested tabs for your tiles. * A simplified global search mechanism. * CSS @container based responsiveness. * And much more. Version 2 coming out soon. Get started with your unique 30-day free trial. Learn more about it on [reactile.net](http://reactile.net). [Reactile - The new React UI management system](https://www.reactile.net/price?utm_source=ThisweekinReact) --- ## ๐Ÿ“ฑ React-Native * ๐Ÿ’ธ [PostHog - How to set up React Native session replay](https://dub.link/twir-jan8) * ๐Ÿฆ [Nitro Views will be released along with React Native 0.78](https://x.com/mrousavy/status/1876559810784833930) * ๐Ÿฆ [Network debugging tools will land in Radon IDE](https://x.com/kzzzf/status/1875211071231025353) * ๐Ÿ‘€ [React Native PR - Static Hermes for React Native](https://github.com/facebook/react-native/pull/48531): The integration of the new Hermes implementation has started! The initial benchmarks shows a great 30%+ perf improvement, but it's not even using typed code or JIT yet, which should give even more significant numbers. * ๐Ÿ“– [You can highlight live re-renders in React Native DevTools](https://reactnative.dev/docs/react-native-devtools#react-components) * ๐Ÿ“œ [Modern SQLite for React Native apps - DrizzleORM with expo-sqlite setup, type-safe queries, live queries, migrations, Drizzle Studio Expo Dev Tool Plugin.](https://expo.dev/blog/modern-sqlite-for-react-native-apps) * ๐Ÿ“ฆ [React Native 0.77.0-rc.6](https://github.com/facebook/react-native/releases/tag/v0.77.0-rc.6) is the golden RC and a stable release is scheduled for next week. * ๐Ÿ“ฆ [React Native Edge to Edge 1.2](https://github.com/zoontek/react-native-edge-to-edge/releases/tag/1.2.0) adds support for light theme variants on android. * ๐ŸŽฅ [React Universe On Air 45 - Evan Bacon on Universal React Native Apps, DOM & React Server Components](https://www.youtube.com/watch?v=rA7E3rGKSZw) --- ## ๐Ÿ”€ Other * ๐Ÿ“œ [JavaScript Frameworks - Heading into 2025](https://dev.to/this-is-learning/javascript-frameworks-heading-into-2025-hkb) * ๐Ÿ“œ [The future of htmx](https://htmx.org/essays/future/): (almost) no new features * ๐Ÿ“œ [Relatively New Things You Should Know about HTML Heading Into 2025](https://frontendmasters.com/blog/bone-up-html-2025/) * ๐Ÿ“œ [Testing Accessibility with Screen Readers](https://www.epicweb.dev/testing-accessibility-with-screen-readers) * ๐Ÿ“œ [Balancing Text In CSS](https://ishadeed.com/article/balancing-text-css/) * ๐Ÿ“œ [Using Forced Reflows, the Event Loop, and the Repaint Cycle to Slide Open a Box](https://macarthur.me/posts/box/) * ๐Ÿ“œ [Nodeโ€™s new built-in support for TypeScript](https://2ality.com/2025/01/nodejs-strip-type.html) * ๐Ÿ“ฆ [Node 23.6](https://nodejs.org/en/blog/release/v23.6.0) with TS types stripping, and [Node 22.13 (LTS)](https://nodejs.org/en/blog/release/v22.13.0) with stable security model. * ๐Ÿ“ฆ [pnpm 10.0 - Increased security, `onlyBuiltDependencies`](https://github.com/pnpm/pnpm/releases/tag/v10.0.0) * ๐Ÿ“ฆ [Prisma 6.2 - omit, SQLite json/enum fields](https://github.com/prisma/prisma/releases/tag/6.2.0) --- ## ๐Ÿคญ Fun [![alt](https://thisweekinreact.com/emails/issues/216/meme.jpg align="left")](https://x.com/jordwalke/status/1875336115009573268) See ya! ๐Ÿ‘‹