This Week In React 236
Remix, TanStack, RSC, RedwoodSDK, Storybook, Docusaurus | ExecuTorch, Screens, FlashList, Reanimated, Expo, EAS, Radon | TypeScript, Temporal, Angular, JSPM, ESLint, tsdown
Hi everyone!
Cyril and Matthieu from Theodo Apps here 👋.
This week, the Remix team announced some big news. Microsoft has also made it easier to try out TypeScript Go rewriting.
In the React Native world, there were a few minor but interesting releases, and the App.js config starts tomorrow. Seb will have more to tell you about it next week.
Let's dive in!
As always, thanks for supporting us on your favorite platform:
🦋 Bluesky
✖️ X / Twitter
👔 LinkedIn
👽 Reddit
💸 Sponsor
AG Charts: The best React Charts in the world.
AG Charts is a canvas-based charting library from AG Grid. Initially built to power AG Grids Integrated Charts, AG Charts now has over 1 million npm downloads/month:
🆓 Free: Access a range of chart types, including bar, line, scatter, area, and more – completely free, forever.
🚀 Fast: Using batch drawing and advanced change detection alongside the offscreen canvas API, AG Charts can easily render hundreds of thousands of data points out of the box
📊 Financial Charts: Build interactive financial charts featuring advanced annotations with just 3 lines of code.
🏢 Enterprise Features: Upgrade to Enterprise to unlock advanced capabilities such as animations, context menus, crosshairs and more. Try it for free, no trial license required.
Learn More: www.ag-grid.com/charts
⚛️ React
Wake up Remix - The plan for Remix v3
This week you might have heard a rumor about Remix moving on from React. Ryan and Michael just published an official post describing the future of Remix.
In a nutshell, React Router will still be fully maintained and a safe bet. In parallel, Remix v3 will be a new framework based on a fork of Preact, so that they control the full stack.
Their goal with Remix v3 is “reimagining what a web framework can be”. The post describes the guiding principles this new framework will follow (optimize for LLMs, build on Web APIs, composition…)
📜 The Beauty of TanStack Router: Dominik goes through the features that differentiate Tanstack Router: Type-safe routing with StrictOrFrom principle, Search Param State Management, File-Based Routing, and Suspense support.
📜 Composing Server and Client Components: The Modern React's Superpower: RSC contrasts sharply with the old days of script tags and global variables.
📜 Why React Error Boundaries Aren't Just Try/Catch for Components: They are declarative components that only catch render errors. This article shares various pragmatic tips such as using
react-error-boundary
package or how to plug a retry button.📜 Next.js Server Actions are public-facing API endpoints: Server Actions can be called from Curl commands, the action ids can easily leak. They should be treated with the same security precautions as traditional public API endpoints.
📜 Your React Meta-Framework Feels Broken, Here's Why: RedwoodSDK tries to remove useless abstraction layers, conventions and other magic things that exist in Next.js and Remix.
📜 Building with React Server Components and Client Components in RedwoodSDK
📜 Understanding Hydration Errors by building a SSR React Project
💸 The Road to Next - Master Full-Stack Web Development with Next.js 15 and React 19
📦 Docusaurus 3.8: Continues the work on faster builds, adds support for CSS Cascade layers, both behind “Future Flags”.
📦 Storybook 9.0: After many betas/RCs, it's finally out, but no official blog post yet.
📦 TanStack Query v5.77: Adds
maxChunks
to keep in the cache for streamed queries.🎥 Alem Tuzlak - Understanding the cause of hydration issues in react-router
💸 Sponsor
Getting started with Clerk Billing
Learn how to build a complete billing experience with Clerk—no custom UI, webhooks, or Stripe session management required.
Create a pricing page with the
<PricingTable />
componentConnect with Stripe—no manual API calls, no manual syncing
Manage plans and entitlements all within the Clerk dashboard
has()
helper to control access based on a customer’s plan, features, and permissionsManage user and subscription data all in one place
Enable Billing, drop in <PricingTable/>
on your /pricing
page and start monetizing your application.
📱 React-Native
📜 Expo - What every dev should know about using Environment Variables
📜 Expo - How to get your Bolt app to the App Store (No code required)
📦 RN Screens 4.11 - react-native-edge-to-edge integration,
pageSheet
presentation📦 FlashList 2.0 RC1: No major changes since the last alpha, it's now a Release Candidate and already considered ready for production.
🎙️ Rocket Ship 070 - React Native Version Hell, React Server Components with Expo & Invoice App Updates
🔀 Other
📜 TypeScript Native Previews: Microsoft announced the go rewrite of TypeScript a few months ago. Nightly builds for this rewrite will now be published, and can be used with a CLI or a VS Code extension. JSX support has been added, and it’s still ~10 times faster than the JS version.
📜 Do Not Assert on Requests: The creator of msw explains what he recommends instead of checking the body/header of sent requests in tests
📜 ESLint v9 Retrospective - A review of what went well, and what didn't
📦 Firefox 139 - Temporal,
hidden=until-found
,dialog.requestClose()
: The first browser to support the stage 3 Temporal API!📦 JSPM 4.0 - Standards based import map package management: A quite innovative project for shipping frontends with no build step.
📦 Angular 20.0 - Reactivity, Resource API, SSR, Zoneless, Vitest, and more
🤭 Fun
See ya! 👋