βš›οΈ This Week In React #299: Panda, Vinext, Next.js, Preact, Design Systems, RTK | Variable font, Activity Result, Lynx, Lucent, macOS, Plain Text, Navigation, Angular Native, Re.Pack | TC39, Composites, WebSkills, MSW, upm, pnpm


β€‹πŸŒ Read Online ​

Hi everyone, Seb and Jan here πŸ‘‹!

This week we have 2 major releases in the React ecosystem: Panda CSS v2 and Vinext v1.

On the mobile side, RN is getting support for variable font and Android Activity Result. Lynx v4 is out. Lucent is a new way to write native modules.

I’m particularly excited about the TC39 meeting happening right now. Many proposals progressed, including my favorite one: Composites moved to stage 2!

Let's dive in!

πŸ’Έ Sponsor

​The React framework for MCP Apps​

MCP apps let you display interactive UI directly inside AI assistants like ChatGPT or Claude. Use the Skybridge framework to build your MCP app from a single React codebase and reach every platform.

Type-safe end to end, hot reload, a local emulator for ChatGPT and Claude, and useful ecommerce & travel templates to start from.
Agent ready, live in 5 seconds & trusted by teams at PGA of America and Datadog. 100K+ npm downloads a month.
​npm create skybridge Β· Read the docs Β· Star on GitHub​

βš›οΈ React

​Panda CSS 2.0 - Same styling API, a new engine underneath​

This new major version of the type-safe, build-time CSS-in-JS library is the biggest update since launch. Here’s what you need to know:

  • The CSS authoring experience doesn't change much.
  • The compiler has been rewritten in Rust on top of Oxc.
  • DX and builds get dramatically faster, and output better CSS.
  • With source transforms, Panda integrates with the bundler so that css(), style props, recipes and patterns are compiled to plain class strings at build time. The styling runtime disappears from your bundle, not just the style-insertion logic.
  • You get many new features to play with: a typography preset, publishing your Panda design system and visualize it in Studio, new CSS functions, a better CLI, an official ESLint plugin, and more

​Vinext 1.0 - Next.js applications, powered by Vite​

Cloudflare's Vite-based reimplementation of Next.js goes stable, supports both App and Pages Router and claims 99%+ compatibility with the Next.js test suite (minus Cache Components). They also have a different opinion of how ISR should work.

What started as a one-off slopfork experiment is now becoming an AI-driven software factory able to keep up with new features landing in the official Next.js implementation. Interesting time!

πŸ’Έ Sponsor

​Margelo – High-Performance React Native Engineering​

Margelo builds and maintains some of React Native’s most widely used open-source technologies, with 441M+ downloads across our projects. We’re the team behind VisionCamera, react-native-mmkv and Nitro Modules. Chances are high that you’re already running some of our code.

Performance is at the core of what we build. We work deep in the stack, from JSI and C++ to Swift, Kotlin and React Native’s New Architecture. We bring that expertise to companies too. At Discord we helped tackle performance bottlenecks in its New Architecture migration. Among other improvements, we reduced the Android app’s crash rate by 36% and jank frame rate by 26%, bringing jank back to regular levels.

Want to see how? Read the technical deep dive on our blog and learn more about what we do.

πŸ“± React-Native

πŸ”€ Other

🀭 Fun

See ya! πŸ‘‹

βš›οΈ This Week In React

πŸ”₯ Keeps React and React-Native experts up to date! Join 34k+ devs for one email per week.

Read more from βš›οΈ This Week In React

🌐 Read Online Hi everyone, Seb and Jan here πŸ‘‹! This week is rather quiet on the web side. Astro's React integration keeps ramping up. Redux is working on significant performance improvements for large apps. On mobile, we still have a steady flow of interesting releases. Reanimated enabled its new layout engine by default. Shopify presented Helix, its internal tool to move away from RN. Xcode project format is finally moving to JSON! We asked on 𝕏: do average devs still care about React?Thanks...

🌐 Read Online Hi everyone, Seb and Jan here πŸ‘‹! Following the React v19.3 release, DevTools v8 is now officially published. Motion shipped a ViewTransition wrapper. React Router optimized re-renders. Apollo Client finally has custom scalars. On mobile, we have a lot of releases. RN 0.88 will use React v19.3. Shopify is moving away from React Native! Let's dive in! πŸ’Έ Sponsor Live Workshop Series: Debugging AI Agents Your agent returns something odd. Was it the prompt, a tool call that timed...

🌐 Read Online Hi everyone, Seb and Jan here πŸ‘‹! We could feel it was coming, and here it is, delaying just in time for the newsletter! πŸ˜‡ React 19.3 is finally out, with View Transitions and Fragment Refs stable! And it looks like updated DevTools are also coming soon. We also got a sneak peek of React Native 0.88 and Expo Modules 2.0. Let's dive in! As always, thanks for supporting us on your favorite platform: πŸ¦‹ Bluesky βœ–οΈ X / Twitter πŸ‘” LinkedIn πŸ‘½ Reddit πŸ’Έ Sponsor Atomic CRM: A CRM You Can...