This Week In React #206: Next.js, Compiler, DevTools, State Of React, nuqs, Chakra UI, Remix, shadcn/ui, Turbopack, Microfrontends, Fumadocs...

This Week In React #206: Next.js, Compiler, DevTools, State Of React, nuqs, Chakra UI, Remix, shadcn/ui, Turbopack, Microfrontends, Fumadocs...


Hi everyone!

Cyril and Matthieu from Theodo Apps (formerly BAM) here 👋, standing in for Seb to bring you the latest news from the React and React Native worlds.

Big updates this week for the React world! Next.js 15 is officially out with key changes around caching and performance, plus the React Compiler has hit beta — lots to look forward to there.

We’ve got a bunch of great articles too, from optimizing state with React Cache to a deep dive into React Native's new architecture.

Speaking of React Native, v0.76 is coming very soon! A major milestone as it's the first version to activate the New Architecture by default, the culmination of years of work that deserves to be celebrated! 🥳️

The State of React 2024 survey is now open and waiting your answers.

Let’s dive in!


💡 Subscribe to the official newsletter to receive an email every week!

banner


💸 Sponsor

Handsontable: Advanced data grid for your React app

Handsontable: Advanced data grid for your React app

Handsontable is a feature-rich data grid designed for React developers who need a powerful, customizable, and accessible solution to manage complex data.

  • A unique spreadsheet-like interface with sorting, filtering, and CRUD operations

  • Advanced operations like conditional formatting and 400 built-in formulas, similar to Excel

  • Customizable editors and renderers, allowing dropdowns, menus or custom components within grid cells to fit specific use cases

  • Optimized performance for smooth and responsive interactions

  • Accessibility with WCAG 2.1 compliance for better support for users with disabilities

Handsontable adapts to various use cases, from enterprise applications to simple websites, offering performance and flexibility trusted by companies worldwide.

Get started today!


⚛️ React

Next.js 15

Next.js 15

Just in time for Next.js conf, Next.js 15 is officially released. There are no major changes since RC2, just a few stability fixes. In this v15:

  • The caching behavior is flipped with most things (eg fetch requests) not cached by default anymore.

  • App router uses React 19 RC, pages router stays on React 18

  • Using turbopack dev is now recommended (webpack is still supported)

  • There are breaking changes such as existing APIs going async, and @next/codemod upgrade facilitates the upgrade

There’s of course a slew of other DX, security and performance improvements.



💸 Sponsor

Workshop: Implementing Clean Architecture in Next.js

Workshop: Implementing Clean Architecture in Next.js

Lazar Nikolov and Sarah Guthals are hosting a free workshop on Implementing Clean Architecture in Next.js. It will dive deep into what clean architecture actually is, what problems it solves, and how to implement it in a Next.js application with Sentry.


📱 React-Native


🔀 Other


🤭 Fun

head body knees and toes html

Shameless repost for Next.js 15 release 😄

async functions contagion

See ya! 👋

Did you find this article valuable?

Support Sébastien Lorber by becoming a sponsor. Any amount is appreciated!