React Server Components Comes with Zero Bundle Size

React Server Components Comes with Zero Bundle Size

A React Server Component is a basic component with a .server.js extension. Zero Bundle Size. We have seen that a React Server component is rendered on the server side, and then sent to the client. This means that the component is not included in the client bundle and do not increase its size at all.

React Server Components are still in research and development but will be a huge change for React developers.

In December 2020, React announced that they are working on react server components. React components on the server side? It intrigued me a lot and after discovery, I loved it. Let's find out together what these components are.

What is a React Server Component?

A React Server Component is a basic component with a .server.js extension.

The power of this component is that it will be rendered on the server side. This means that it will be able to very easily and quickly recover data to render. Then the server will send the fully rendered component to the client to be displayed.

A simple example of a React Server Component might be:

Image for post

Post.server.js

It looks pretty amazing but this could be possible. Since the component is rendered on the server side, we have direct access to the data the component need.

Zero Bundle Size

We have seen that a React Server component is rendered on the server side, and then sent to the client. This means that the component is not included in the client bundle and do not increase its size at all.

Even better: when an external library is used only by Server components and not by Client components, the library is not added to the client bundle either since this is unnecessary.

programming react javascript web-development

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

Hire Dedicated JavaScript Developers -Hire JavaScript Developers

Hire dedicated JavaScript Developers who are proficient in AngularJS, ReactJS, NodeJS, & VueJS frameworks. Get flexible hiring models as per your business requirements.

React Native App Developers India, React Native App Development Company

Hire React Native app developers India from a preferred React Native app development company by innovative industry leaders. Let's Discuss Your Project.

Hire India's Best React JS Developers| Hire React JS Development Company

Looking to hire top dedicated Reactjs developers in India at affordable prices? Our 5+ years of average experienced Reactjs developers comprise proficiency in delivering the most complex and challenging web apps. Hire ReactJS development...

Top React JS Development Company | React JS Development Services

As a leading React.js development company, our development team has created reusable React.js components, large-scale websites, and interactive user interfaces for global clients. 4200+ Projects | 16+ Yrs Exp