React Server Components with Next.js 13.4

We are talking about two excellent improvements with the new Next.js release.

I want to talk about React Server Components on Next.js. Recently Vercel has released the new version of Next.js, 13.4. It has brought the established app router approach.

I am very excited about all the new apps the React developers will build with this new paradigm. I want to talk about two features/improvements I am very impressed with.

React Server Components by default.

It is a paradigm shift in the way of building React apps. We have React Server Components by default when we create them inside the app folder with Next.js. If e want to add interactivity on the client side, we have to add 'use client' on the top of the component.

JavaScript bundle size reduction shipped to the client.

Due to server-side rendering per component level, we can load and execute JavaScript on the server and ship only the JavaScript needed to the client when a client component requires it. We reduce the code shipped to the client, improving the performance and loading times.

Thank you very much to the Vercel team for bringing us incredible features with the Next.js framework! You are awesome! ♥

---

I hope you enjoyed the article.

Join my weekly newsletter, where I share articles to help you become a better front-end developer. You'll receive them directly to your inbox.

If you have any questions, feel free to contact me on LinkedIn, Edi Rodriguez, or leave a comment in the post.

See you in the next post.

Have a great day!