📨 #230: Next.js, Turbopack, Rspack, Activity, RSC, oRPC, tweakcn | Expo, Fantom, FlashList, SVG, Tracy, New Arch, Radon | TC39, Temporal, Zod, Bare, Rolldown, CSS Functions
· 8 min read
Hi everyone!
This week we have a great Next.js release with significant build speed improvements. I'm also quite excited to see the activity around the upcoming React <Activity> component. Many great community blog posts to read too!
React Native also has great releases with the new Expo SDK in beta, and the next version of FlashList in alpha.
As always, thanks for supporting us on your favorite platform:
- 🦋 Bluesky
- ✖️ X / Twitter
Don't miss the next email!
💸 Sponsor
Product management is broken. Engineers can fix it
When PostHog started, they were adamant they would never hire a product manager. They wanted engineers to wrestle with hard product problems. Product managers would just get in the way.
They were (partially) wrong. They need product managers and couldn’t have shipped 8+ products or hit their revenue goals without them.
What was needed was a redefinition of how PMs and engineers work together, optimized for speed and autonomy. This post shares their exact playbook.
⚛️ React
A new minor version of Next.js is out, with highlights:
- Turbopack for builds (alpha): Faster production builds passing 8000+ tests (99%)
- Community support for Rspack (experimental): Alternative bundler with Webpack compatibility
- Client Instrumentation hook: Early monitoring and analytics setup
- Navigation hooks: Control routing with
onNavigateanduseLinkStatus - TypeScript plugin improvements: Improved support for large codebases
It’s great to see Next.js improving with faster bundling with Turbopack for builds, and opening up to Rspack as an alternative to Webpack. Both have different tradeoffs and use cases.
See also these related resources:
- 💸 Bit - A build system framework for development of composable software. Support NodeJS, React apps (with Vite), NextJS, and modern stack.
- 👀 React Types PR -
unstable_Activity: There’s a lot of<Activity>activity lately, including TypeScript typedefs added. This upcoming component, previously named<Offscreen>, has been mentioned in React Labs updates since 2022, and may soon be ready for prime time? This low-level primitive is particularly exciting for frameworks to fully leverage Concurrent React. - 👀 Next.js PR - Experimental bfcache - Restore state with
<Activity>: Unsurprisingly, Next.js starts experimenting with the<Activity>component above, by implementing a back/forward cache feature that allows pressing the browser back button to instantly transition to the previous page while restoring its former React state. In the future, Next.js (and other React/RN frameworks too) will likely implement speculative pre-rendering: React could start rendering a target page as soon as you hover a link, even before you click it. - 👀 React Core PR - Add Suspensey Images behind a flag: An upcoming React feature could help ensure all images have loaded before transitioning to a new page. The rollout plan is still unclear: it might come in a minor or major.
- 📜 JSX Over The Wire: Dan Abramov explains why you might want your API to send JSX back across the wire, through 3 different stories. The alternative could be to maintain parallel Component and ViewModel trees in both your client app and REST API. He also shares the some historical bits and technologies that led to the creation of the Server Components.
- 📜 Toast messages in React Server Components: Shows how to trigger the display of toast messages from Next.js Server Actions using server cookies. This technique can be used for other kinds of flash messages.
- 📜 Memoizing components in React: a case for useMemo: This interactive article argues most
React.memocan be replaced byuseMemo, and it’s closer to what the React Compiler is doing. - 📜 Avoid the State Synchronization Trap: This interactive article highlights 4 different ways to synchronize distinct React states and their tradeoffs so that what gets rendered is consistent.
- 📜 The new Cookie Store API: And how you could integrate this not-widely-supported API in React apps as a progressive enhancement.
- 📜 Building Reusable Components with React 19 Actions
- 📜 Scale Your Project with Layered React Structure
- 📜 View Transition API and its Integration in NextJS
- 📜 Lazy load SVG icons with <use/> in React.js
- 💸 Guide: Integrate Clerk with your Lovable application. Bonus feature add-ons for B2B, Waitlist, custom domain and more
- 📦 oRPC 1.0 - Typesafe APIs Made Simple: An interesting alternative to tRPC, ts-rest & next-safe-action that comes with React bindings, framework integrations and Server Actions support.
- 📦 tweakcn - A visual no-code editor for shadcn/ui components: A convenient tool to create a custom shadcn/ui theme, or use a pre-built one.
- 📦 Astro 5.7 - SVG Components, Sessions API, Config imports, experimental Fonts API
- 📦 React Aria release - Custom calendars, collections improvements, smaller bundle size
- 🎥 Jack Herrington - tRPC v11 with TanStack Query on TanStack Start!
- 🎥 Theo – Why is Next.js so slow?
- 🎥 Web Dev Simplified - How I Recreated TanStack Router From Scratch
Don't miss the next email!
💸 Sponsor
Join App.js Conf & meet the people behind React Native!
App.js Conf is the place to be if you want to meet the teams behind your favourite libraries & frameworks, pick their brains about the future of cross-platform development and connect with 500 like-minded devs and simply have fun!
- confirmed speakers from Expo, Meta, Software Mansion, NFL, Amazon & more
- 8 practical workshops to choose from
- 3 days filled with knowledge, conference talks & networking
Join us for the biggest React Native & Expo event of the year! 🚀
📱 React-Native
- 💸 WithFrame - Pre-Built React Native Templates
- 👀 React Native Fantom: A new experimental integration testing and benchmarking tool is being actively worked on. It’s a Jest test runner that runs C++ parts of RN, enabling to test things such as shadow nodes, layout, events, scheduling, and C++ state updates. This tool is primarily useful for testing the internals of React Native, but its scope may extend to testing library/product code in the future.
- 📖 Advanced Topics on Native Modules Development and Advanced Topics on Native Components Development: Various docs pages for advanced New Architecture topics have recently been published, such as using Swift or invoking native commands.
- 📜 Profiling React Native Internals with Tracy for Peak Performance: Sometimes the perf bottleneck doesn’t come from your app, but comes from RN itself. This unified profiling solution works across all platforms.
- 📜 How to set React Native Core's feature flags on Android: Quick tip explaining how to turn on
enableFabricLogson Android. - 📜 You Might Not Need react-native-svg: This lib is quite flexible, but depending on the SVG, it might create very large React component trees. Many alternatives exist with different tradeoffs.
- 📜 Creating Stunning Gradients in React Native with Skia
- 📦 Expo SDK 53 beta: The new SDK upgrades to React Native 0.79, React 19, turns the New Architecture on by default and includes a ton of new features. We’ll cover it in depth once it’s stable in ~2 weeks!
- 📦 FlashList 2.0 alpha: The new version of this optimized list component is now alpha and Shopify encourages the community to try it. Rebuilt from the ground up, it’s faster, leverages the New Arch, and doesn’t require size estimates anymore.
- 📦 Radon IDE 1.5 - Radon AI Chat, improved EAS workflow, RN 0.79
- 📦 Bottom Sheet Stepper - Manage beautiful multi-step flows in a bottom sheet
- 🎥 Expo - Introduction to Expo Router Layout Files: Expo’s first video of a new Expo Router fundamentals tutorial series.
- 🎥 Callstack - Why You Need React Native Enterprise Framework
- 🎥 Beto - What’s new in Expo SDK 53: React 19, Expo UI, EAS Caching, Maps, and SQLite on Web
🔀 Other
- 👀 TC39 107th meeting in progress: Happening right now. Exciting JS proposals progressed already: Composites (stage 1, supersedes Records & Tuples), Enums (stage 1, compatible with type stripping), Upsert (stage 2.7, Map update or insert operation).
- 👀 SpiderMonkey - Shipping Temporal: Firefox 139 will be the very first browser to turn on the new Temporal feature.
- 📜 Custom CSS Functions in the Browser: Exciting CSS feature, with a prototype now available in Chromium canary 136+.
- 📜 How Rolldown Works: Module Loading, Dependency Graphs, and Optimization Explained
- 📦 Zod 4.0 beta - faster, slimmer, more tsc-efficient, implements long-requested features
- 📦 Bare - Minimal JS runtime that actually runs everywhere
- 📦 Anime.js 4.0: A complete rewrite of the animation library, launched with an impressive landing page.
🤭 Fun
See ya! 👋
Don't miss the next email!
