This Week In React #145: Next.js, Server Actions, useFormStatus, useOptimistic, App Router, Ink, ReasonML, Redwood, Reanimated, VisionCamera...

This Week In React #145: Next.js, Server Actions, useFormStatus, useOptimistic, App Router, Ink, ReasonML, Redwood, Reanimated, VisionCamera...

Hi everyone!

As expected a new version of Next.js is out. Some React innovations that are better documented in the Next.js doc than in the React one, like form action, or the 2 new hooks useFormStatus and useOptimistic.

There are a lot of conferences at the moment. Remix Conf and App.js starting today: there will surely be some nice announcements.

The React-Native-Connection (Paris, June 1st) is also a few weeks away, and you can have -20% discount with the code "REACTHEBDO"!

I plan to skip next week's edition. Next issue on May 24th 👋

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


💸 Sponsor

Start UI

Start UI [web] - Opinionated web app UI starter

Our free and open source UI web app starter offers a quick and easy way to bootstrap your next project. It includes best practices & production ready tools to help you get started right away, saving you time and effort in the initial setup phase.

Comes with built-in features like 🔐 Authentication, 📱Responsive Layout, 🧑‍💻 User Management, 🇫🇷 Internationalization & Right-to-Left support, 🌚 Dark Mode, 🎛 Advanced components for easy development. You can try out the example app.

Ready to use with TypeScript, NextJS, Chakra UI, TanStack Query, Storybook and more.

🚀 Start UI [web] on GitHub

⚛️ React

Next.js 13.4

Next.js 13.4

A major release for Next.js, with:

  • App Router (stable): the new router based on Suspense and Server Components is ready for production

  • Turbopack (beta): the new bundler is stabilizing in dev, and prod build is coming soon

  • Server Actions (alpha): Next.js integration of the latest React innovations

The blog post shows many notable differences with the old router: conventions, nested layouts, selective hydration, server components, code splitting...

It also unveils the new React innovations to manage mutations and form submissions, whose integration in Next.js gives birth to Server Actions. This greatly simplifies interactions with the server without the need to create an API route and the use of forms supporting progressive enhancement. It is now possible to create and distribute full-stack React components.

Note that it is a bit early to adopt Server Actions in production. They are in alpha, and you could unexpectedly expose a secret captured in a Server Action closure to the client. Details here:

Other useful links:

💸 Sponsor


OpenAI + Nylas Fireside Chat : IA générative

Want to get an inside look at the future of generative AI? On May 17th, OpenAI and Nylas will be hosting an open-to-all fireside chat with Evan Morikawa, Applied Engineering Manager at OpenAI, and Christine Spang, CTO and Co-Founder at Nylas. They’ll discuss what it takes to deliver and maintain AI solutions at scale, what AI's next stage of maturity looks like, and much more. Don’t miss it.

📱 React-Native

🧑‍💻 Jobs

🧑‍💼 Passionfroot - Senior Full-stack Engineer (Remix) - €160k+, Berlin/remote

Passionfroot's mission is to empower the independent businesses of tomorrow via YouTube, Podcasts, Social Media, and Newsletters. Join us in building a tool that will empower creators globally to build scalable, sustainable businesses.

🧑‍💼 Callstack - Senior React Native Developer - Fully Remote, PLN 21-32k net on B2B, monthly

Do you want to work on the world's most used apps? Would you like to co-create the React Native technology? Join the Callstack team of React & React Native leaders. Check our website for more details. We are looking forward to seeing your application - show us what you've got!

🧑‍💼 G2i - 100% Remote React Native Jobs

We have several roles open for developers focused on React Native! Pay is ~160k plus 10% bonus. You must have production experience with RN and be based in the US. DM @gabe_g2i to learn more and don't forget to mention This Week in React.

💡 How to publish an offer?

🔀 Other

🤭 Fun


See ya! 👋

Did you find this article valuable?

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