DEV Community

Cover image for This Week In React #299 : Panda, Vinext, Next.js | Variable font, Activity Result, Lynx, Lucent, macOS | TC39, Composites
Sebastien Lorber
Sebastien Lorber

Posted on Originally published at thisweekinreact.com

This Week In React #299 : Panda, Vinext, Next.js | Variable font, Activity Result, Lynx, Lucent, macOS | TC39, Composites

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!


πŸ’‘ Subscribe to the official newsletter to receive an email every week!

banner


πŸ’Έ Sponsor

The React framework for MCP Apps

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

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

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 – 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

alt

alt

See ya! πŸ‘‹

Top comments (0)