π¨ #216: Next.js, ViewTransition, RSC, Compiler, React Router, Recoil, Bippy, Docusaurus, A11y, Static Hermes, Nitro, Radon, SQLite, Edge-to-Edge, Node, TypeScript, pnpm, htmx...
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 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.
Make sure to check our partner ποΈΒ Paris TypeScript La Conf' -Β π«π·Β 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"!
As always, thanks for supporting us on your favorite platform:
- π¦ Bluesky
- βοΈ X / Twitter
- π LinkedIn
- π½ Reddit
Ne manque pas le prochain email !
πΈ Sponsorβ
PropelAuth: Make Authentication Your Advantage
If your authentication isn't helping you grow, it's holding you back.
With PropelAuth, you get everything you need to launch and scale your B2B product:
- Easy to understand documentation 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.
βοΈ Reactβ
Composable Caching with Next.js
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 <ViewTransition> Component
React is adding support for View transitions with a <ViewTransition /> component that integrates with all the async features like Suspense and startTransition.
- πΈ daily.dev: Your personal dev news feed. Free!
- π¦ Recoil (state manager by meta) has been archived
- π RSC and Server Action Bundle Practice: 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: They tried to do it with testing-library but ended up using Playwright.
- π 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: url state, server state, client stateβ¦
- π React Router 7 Tutorial: A 3-part series covering the introduction, descendent routes and search params.
- π How React's Render, Effects and Refs work under the hood
- π Redux Saga Is Hard Until You Look Under The Hood
- π¦ Bippy - A toolkit to hack into react internals: Itβs what react-scan uses under the hood to access the Fiber tree.
- π¦ Docusaurus 3.7 adds support for React 19 and a new svgr plugin.
- π¦ React Admin 5.4 (and 5.3)
- π₯ Cosden - The Biggest Mistake Intermediate React Developers Make
- π₯ Alem Tuzlak - The Benefits of React Router V7 Nobody Told You About
- π₯ Theo - Inertia 2.0: It's like Next but better (and you can use React!)
- ποΈ Syntax.fm - 2025 Web Development Predictions
Ne manque pas le prochain email !
πΈ Sponsorβ
Rethink your React apps' UX with Reactile
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.
Reactile - The new React UI management system
π± React-Nativeβ
- πΈ PostHog - How to set up React Native session replay
- π¦ Nitro Views will be released along with React Native 0.78
- π¦ Network debugging tools will land in Radon IDE
- π React Native PR - Static Hermes for React Native: 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
- π Modern SQLite for React Native apps - DrizzleORM with expo-sqlite setup, type-safe queries, live queries, migrations, Drizzle Studio Expo Dev Tool Plugin.
- π¦ React Native 0.77.0-rc.6 is the golden RC and a stable release is scheduled for next week.
- π¦ React Native Edge to Edge 1.2 adds support for light theme variants on android.
- π₯ React Universe On Air 45 - Evan Bacon on Universal React Native Apps, DOM & React Server Components
π Otherβ
- π JavaScript Frameworks - Heading into 2025
- π The future of htmx: (almost) no new features
- π Relatively New Things You Should Know about HTML Heading Into 2025
- π Testing Accessibility with Screen Readers
- π Balancing Text In CSS
- π Using Forced Reflows, the Event Loop, and the Repaint Cycle to Slide Open a Box
- π Nodeβs new built-in support for TypeScript
- π¦ Node 23.6 with TS types stripping, and Node 22.13 (LTS) with stable security model.
- π¦ pnpm 10.0 - Increased security,
onlyBuiltDependencies - π¦ Prisma 6.2 - omit, SQLite json/enum fields
π€ Funβ
See ya! π
Ne manque pas le prochain email !
