React Server Components vs Client Components

Hey Everyone, In this video, we are going to take a look at React Server components and NextJS 14. We'll see what server components are how they are different from normal React Client Component and how they are different from Next's Server Side Rendering.

Quick Links

Video Titles
- What are React Server Components?
- What are NextJS Server Components?
- NextJS App Directory
- Server Side Rendering vs Server Components.

Hashtags
#react #reactjs #nextjs #webdevelopment #fullstackwebdevelopment #fullstackdevelopers #nextjs14 #opensource

[NavinY]

Mindblowing style of teaching
Specially the diagram
🤯🤯

[tishukr]

I was watching shorts for this topic and your video drops with notification, the coincidence 😂

[gauravvan]

I know some of this stuff already, but listening to this feels like listening to a story.

[izazahamedmallick]

i am watched this before my interview and this diagram in my head i am super confident about this concept....thank you💛💛

[niteshmodi]

Great Video Brother. Was here to know about hydration, but you made some more concepts clear

[shivanggupta]

Thankyou Piyush, for clearing my doubt on this topic, You are such a great teacher. 💖💖

[codingintelugu]

Great video Piyush. Please consider doing a video on React Server Components payload and how do they stream into clients browsers. This will fill the gap how RSC tree & RCC tree varies and how they bind together

[HarshDoes]

Thanks a lot for this video. After watching many videos, I finally understood this little jargon. Also, I developed a mental model of how I should develop components based on requirements.

[JeetKRamnani]

Amazing and easy way of teaching bro i was unable to understand the concept of hydration and difference between server side rendering and server components due to the teacher which is teaching that concepts normaly use heavy techinal jargons which are hard to understand for many people including me but belive me you made it so simple to understand by using very simple words and now my concept is very clear now all thanks to you bro 💞💗

[JashanKapoor-ugih]

Before watching this video I was thinking that I might waste 27 mins but I gave it a shot and boom!

This is the by far best explanation I have encountered. Thinking of checking more videos of yours.

And at last how can I forget to say Thanks bro!!

[sameeravhad]

You are too good in teaching. Thanks for your efforts to teach us. 😍

[hersheynaik]

wah kamal hogaya. Today itself I was going through the nextJs docs to understand better and viola this video pops up;

[shreyavarma]

This is honestly the best explanation. Thanks!

[codeforlifehere]

To be honest, you explained it so well, just please add that slides to the description it will be of great help

[radhasharma]

you literally made my concepts crystal clear 💯

[amjadawan]

finally i understood what is client component and what is server component, Thanks dost

[shaamidrees]

Bro you explained in very easy way
Great teaching style

[noobdotx]

thank you so much piyush for this video, I was getting little confused over this topic, as recently I started to work on my college project where I tried shifting to NextJS from React. It was really helpfull and your way of teaching is so so good man, damm impressive.
if possible I have one more request, if you can explain the concept of routing (app router) in NextJS like this, as I have worked with react-router-dom and I am comfortable with the flow of it, but the way app router works, weither we talk of params, Link, navigation is little different, I would like to see you way of understanding it once in contrast with react-router-dom.

and yeah thanks for the good work man, just keep doing it😄😄🤓

[theuniverse]

Find your Channel Yesterday and watched SSO video really grate explanation best of luck for your future

[mukulsinghbisht]

how nicely you explained, i cant express it, thanks so much