📨 #249: TanStack, Fast-Refresh, MDX, Storybook, nuqs, AI Elements, Three-Fiber | Expo, Legend List, Uniwind, New Arch, Rock, Screens, IAP, Glass, Sound, NavigationBar | Interop, Linting, Safari
Hi everyone!
This week is relatively calm in terms of React news, but I’m saving an exciting React core update for next week, so don't miss my next email 👀!
On the React Native side, we have so many links that it’s a bit overwhelming 😆 And Expo SDK 54 is not even out yet!
Beware of the massive npm supply chain attack affecting very popular packages such as chalk and debug. To mitigate the impact of compromised dependencies, package managers such as pnpm and Yarn are considering an option to avoid installing freshly published packages. This could give enough time for security scanners to report vulnerabilities.
As always, thanks for supporting us on your favorite platform:
- 🦋 Bluesky
- ✖️ X / Twitter
Ne manque pas le prochain email !
💸 Sponsor
Shadcn Admin Kit: Your Open-Source Shortcut
Do you love how Shadcn/UI puts you back in the driver's seat with components you actually own? Shadcn Admin Kit builds on that same philosophy, but for application logic. 💡
Instead of starting from scratch on auth, data fetching, CRUD, data tables, forms & validation, and error management, Shadcn Admin Kit provides a ready-to-use foundation that fits right into your project.
It's built on the stack you would choose: Tailwind CSS, Radix UI, Shadcn/UI, React Router, TanStack Query, and React Hook Form, all brought together by the same team that built React-Admin.
Whether you're a startup founder or a lead dev, Shadcn Admin Kit helps you ship fast without sacrificing code quality. No black box or lock-in. Just open-source magic. ✨ Try it out now!
⚛️ React
An Interactive Guide to TanStack DB
A greatly interactive article that shows how React Query can become verbose and complex, and how TanStack DB is designed to fill the gap with new primitives:
- Collections: load large amounts of typed, relational data on the client
- Live Queries: filter/process/join collections at incredible speed, with fewer React re-renders
- Transactional Mutation: perform optimistic updates with less boilerplate and automatic rollbacks
All this without changing your backend endpoints. And you can go even further and adopt a sync engine like ElectricSQL to benefit from real-time synchronization and handle larger datasets.
- 💸 Learn how to build a video summarization app using Next.js 15 & Strapi in this step-by-step tutorial guide
- 📣 Vercel – Open SDK strategy: Articulates the commitment to a new ‘Open SDK’ strategy, against platform lock-in, for Next.js in particular but all their other frameworks as well. It’s worth mentioning that SST/OpenNext folks tweeted that the platform stickiness doesn’t seem intentional, and things have improved.
- 🗓️ React Advanced London - 🇬🇧 London - 28 Nov & 1 Dec. Featuring: Kadi Kraman (Expo), Bela Bohlender (react-three), Mike Grabowski (RN Core Team), Jani Eväkallio & more! 10% discount code "TWIR".
- 📜 React Fast Refresh: Next-Gen Hot Reloading Explained: A deep dive into how React implements hot reloading.
- 📜 Optional sections in MDX: In MDX, you can use Markdown syntax in React component children, not in props, but there are tricks to get around this limitation.
- 📜 Using the node 18+ native test runner with TypeScript and React: You can test React components with Testing Library using the built-in Node test runner, using the
tsxloader to support JSX. - 📜 I've tried Solid.js, now I'm starting to hate React
- 💸 Convex launched a collaboration with Resend
- 📦 nuqs 2.6 -
processUrlSearchParams, documents usage with Zod 4.1codec()API - 📦 TanStack Query 5.87 - New
TimeoutManagerAPI: This may be useful if you notice event loop performance issues with thousands of queries, or want to setgcTime/staleTimeabove 24 days. - 📦 Storybook 10 beta - ESM-only, migration guide now available
- 📦 AI Elements - Component library and shadcn registry to help you build AI-native apps
- 📦 Reshaped - Professionally crafted React & Figma components, now open-source
- 📦 MDX Lint - A CLI to lint and format MDX content.
- 📦 React Window 2.1 - Improved ARIA support
- 📦 Lexical 0.35 - Extensible text editor framework - Improved RTL bidirectional text support
- 📦 React Three Timeline - Write composable 3D behaviors like a story: A high-level API generator-based API to animate React-Three-Fiber scenes.
- 🎥 Coding in Public - 3 ways to use React in Astro
- 🎥 Wawa Sensei - How to Fake Godrays in Three.js (WebGPU + React)
- 🎙️ PodRocket - The useless useCallback: React performance myths unpacked, with Dominik Dorfmeister
Ne manque pas le prochain email !
💸 Sponsor
LyteNyte Grid – The Fastest React Data Grid On The Web
Frustrated with laggy data grids that crumble at scale, dictate your architecture, and waste hours with messy workarounds? 😡
🚀 Introducing LyteNyte Grid! The 40kb data grid that handles 10,000 updates per second, renders millions of rows, and packs 100+ features without the bloat. With a clean, declarative API built in React for React, LyteNyte skips the wrappers and delivers pure performance. No workarounds. No awkward integrations. Just a data grid that performs 7x faster than the competition.
See LyteNyte Grid in action today: https://www.1771technologies.com/demo
📱 React-Native
- 💸 PostHog - React Native surveys are now generally available. Get 1,500 responses free per month.
- 👀 Expo SDK 54 stable is about to be released.
- 👀 Unwind - The fastest Tailwind bindings for React Native, powered by Nitro modules: The waitlist for a promising styling library presented at React Universe. There will be a free version and a faster paid version.
- 📖 Expo Docs - Building SwiftUI apps with Expo UI: This exciting feature brings SwiftUI primitives to Expo (SDK 54+) with a 1-1 mapping.
- 🐦 Marc Rousavy - “My resume for React Universe 2025”
- 📜 Shopify - Migrating to React Native's New Architecture: Shopify successfully migrated their flagship Shopify Mobile and Point of Sale apps to the New Architecture. They share the migration strategy, how it went, and the impact it had.
- 📜 How to Add Custom JSI Bindings in Your TurboModule (and Why You Might Need Them): You can add support for unsupported types (here,
ArrayBuffer), and optimize data transfer without serialization. - 📜 Expo SDK 54: Better. Faster. Simpler: We are still waiting for a stable SDK release, but the folks at Infinite Red gave the beta a try and shared feedback after upgrading multiple apps, focusing on the impact of iOS prebuilds and smarter autolinking.
- 📜 E2E Testing with Maestro - Automating Apple Maps: Not specific to RN, but still useful to know how simple it can be.
- 📜 Building a Reusable Animated Button
- 📜 Things I wish I knew before switching to React Native
- 📦 Legend List 2.0 - Faster, more accurate, Sticky headers, for Legacy/New Architecture: The list virtualization lib becomes much faster, and also sparks healthy competition with FlashList (which also released v2 recently).
- 📦 Expo IAP - In-App Purchase module in Expo that conforms to the OpenIAP spec: Note there’s also the react-native-iap package that continues to be maintained by the same author, now upgraded to Nitro Modules.
- 📦 Rock 0.10 - RN framework for Enterprise - Use RN 0.81 in template, change AppTheme parent to Material3
- 📦 Screens 4.16 - Dark mode in Android BottomTabs, iOS 26 search bar integration improvements
- 📦 React Native macOS - 0.79.0
- 📦 React Native Animated Observer - Convert between Animated <-> Reanimated values
- 📦 Expo GlassEffect - Native iOS liquid glass effect using UIVisualEffectView
- 📦 React Native Enriched - Rich text editor component based on a native uncontrolled text input
- 📦 React Native Navigation Bar - Control your Android app's navigation bar
- 📦 React Native Nitro Sound 0.2 - Former package upgraded to Nitro modules,
useSoundhook - 📦 React Native Audio API 0.8 - Supports RN 0.82, more audio formats, and HLS streaming
- 🎥 React Universe Conf 2025 - YouTube playlist
- 🎥 Dan's Lab - How to make an Audio Visualizer with React Native Audio API and Skia
- 🎙️ Callstack - Incremental React Native Adoption in Android Apps
- 🎙️ RNR 342 - Ignite 11: Bison with Mark Rickert
- 🎙️ Rocket Ship 80 - LegendList 2, Expo SDK 54, New Modules and React Native 1.0?
🔀 Other
- 📣 Interop 2026 is now open for proposals: Your opportunity to help browsers figure out what they should work on next year.
- 👀 oxc RFC - Design decisions for the upcoming oxfmt formatter
- 📜 You Don't Need Animations
- 📜 Stress testing Biome's noFloatingPromises lint rule
- 📜 Lean for JavaScript Developers
- 📜 Color Shifting in CSS
- 📜 The bloat of edge-case first libraries
- 📦 ESLint 9.35 - New lint rule to enforce usage of Error
cause: If you don't follow this rule, I recommend you think about it. - 📦 Safari Technology Preview 227: Great features improvements coming in Safari:
commandfor, Anchor Positioning, Navigation API,scrollendevent, and way more.
🤭 Fun
See ya! 👋
Ne manque pas le prochain email !
