This Week In React #187: Next.js, Expo, Popover, rethrow, SWR, React-Query, Astro, PPR, tRPC, zsa, Memory leaks, INP, RN IDE, Skia, WebGPU, RNSC...

This Week In React #187: Next.js, Expo, Popover, rethrow, SWR, React-Query, Astro, PPR, tRPC, zsa, Memory leaks, INP, RN IDE, Skia, WebGPU, RNSC...


9 min read

Hi everyone!

Last week we got great announcements from Vercel Ship and App.js conferences.

I also found the community blog posts very interesting this week! There's a lot of good content to read here. The one about memory leak is quite scary ๐Ÿ˜….

I have been wondering lately: is it still useful to write a Twitter thread? I've asked the question on Twitter and feel like nobody reads it anymore, apart a few people. I'm considering stopping. What do you think? ๐Ÿค”

๐Ÿ’ก Subscribe to the official newsletter to receive an email every week!


๐Ÿ’ธ Sponsor

React-admin: The Open-Source Framework for B2B apps

React-admin: The Open-Source Framework for B2B apps

๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป For developers, by developers: React-admin is a free, low-code library that accelerates the development of internal tools, admins or B2B apps. Unlike no-code tools, you use code, ensuring youโ€™re never limited by the framework.

๐Ÿ”Œ Flexible Integration: React-admin supports any API format (REST or GraphQL) and various authentication backends, including Auth0, Cognito, Google Auth, Active Directory, and Keycloak. You control the server, so there are no extra costs for Single Sign-On (SSO) capabilities. It's fully themeable, allowing you to customize it with your company's colors.

๐Ÿš€ Proven Success: Over 25,000 companies have built single-page applications with React-admin. For your next project, save weeks of development time by using react-admin. Try react-admin now.

โš›๏ธ React

Next.js 15 RC

Next.js 15 RC

A new major version of Next.js dropped in RC at Vercel Ship last week. The highlights of this version are:

  • React 19 RC support

  • React Compiler support (experimental) through the Babel plugin (this might increase build time)

  • Hydration error improvements, displaying the diff mismatch

  • Less aggressive caching, now opt-in: fetch and Route Handlers are no longer cached by default

  • Incrementally adopt Partial Prerendering with a new experimental_ppr route config option

  • New create-next-app design, prompting for Turbo usage in dev, and ability to create projects

  • next/after (experimental), a new API useful to defer analytics tasks and keep responses fast

  • Optimizing bundling of external packages (serverExternalPackages) now stable

Other interesting things were announced at Vercel Ship. Additional resources to look at:

๐Ÿ’ธ Sponsor

Next.js auth tutorial with RSCs and Server Actions

Next.js auth tutorial with RSCs and Server Actions

The latest tutorial with WorkOS and Sam Selikoff shows how you can easily add AuthKit's hosted login box to a Next.js app:

๐Ÿ“š Get started using the Authkit <> Next.js integration library
๐Ÿค– Set up environment variables, configure the callback route and middleware, and implement signIn and signOut functionalities
โš™๏ธ Protect routes in the Next.js app from unauthenticated users with the getUser function

AuthKit can be used with WorkOS User Management, which supports MFA, identity linking, email verification, user impersonation, and more.

Best of all, it's free up to 1,000,000 MAUs ๐Ÿš€

๐Ÿ“ฑ React-Native

This section is authored by Benedikt.

screenshot of 4 App.js slides

The dry season of everyone saving their announcements for upcoming conferences is over, with last weekโ€™s App.js Conf dropping another bucket of amazing content and exciting announcements on us! Expo announced the aptly named Atlas, which acts as a map to explore the wilderness of Bundler land. If you ever wanted to understand how code goes in and comes out of your app, this is the tool for it. Itโ€™s especially useful to reduce bundle size, but also just to get a better understanding of how your app works. In the ORM space, Drizzle launched their Studio as an Expo dev tools plugin and Prisma announced that theyโ€™ll be adding React Native support. The React Native IDE is now in open beta and you can download it in the VS Code extension marketplace and finally, William Candillon announced video support coming to RN Skia, as well as WebGPU in React Native! Of course, we remain super excited by Universal React Server Components that we already mentioned last week. Make sure to catch up and watch the App.js Conf Live stream.

๐Ÿ”€ Other

๐Ÿคญ Fun


See ya! ๐Ÿ‘‹

Did you find this article valuable?

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