Server Components in React (Simple Tutorial)

🚀 Project React → cosden.solutions/project-react
Source Code → github.com/cosdensolutions/co...
Join The Discord! → discord.cosden.solutions
VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"
In this video we will learn about server components in React. Server components are a different type of component in React that runs exclusively on the server. They offer a fundamental shift in how we think about React applications and allow us to define a boundary between what runs on the server, and what runs on the client. They are the future of React and this video will prepare you for it!

[@ha1dysh]

You explained it like I was 3 years old and I really liked it

[@nemeziz_prime]

This explanation with simple clear differentiating examples is probably the best I have ever seen to understand client vs server components

[@bravin_w]

Now i can add Next js to my resume

[@sontranvan5348]

add more certification finished 25 minutes watching NExtjs(Server component) =)))

[@joshysmarty2540]

honestly 😂

[@osmankain1508]

I think Next.je is beyond than just server components

[@prakashbanjade4374]

Now I am even more clear on Server components. Thanks. Keep making such videos.

[@raoufabdallah5697]

omg I love you man, i've just woke up thinking where to learn about server components, and i told my self let's checkout cosden and here it is, a brand-new video. you are the goat of react these days !

[@dominiquebello3212]

I was struggling with a Next.js app. Exverything is crystal clear now! Thank you!

[@nayandey5010]

I finally understand server components ... thank you

[@legend_749]

Wow, what a great explaination, Thank you 🔥

[@pixyoutube538]

Awesome video, easy to understand, thanks brother!

[@bharathnaidu4636]

I Always get suprised with ur stuff😊

[@maxpauwels3727]

Incredible explanation 👌

[@alangraton2000]

As always, great vid! Was able to understand something that was a bit abstract for me ^-^

[@sathirabandara7981]

very useful tutorial. good job keep it up.

[@dharylcarryalmora5414]

Now i truly understand what's the cause of hydration error 😊😂 Thanks again 😊

[@samahgad241]

Thanks Cosden🥳❤

[@lana__4157]

Server Components really takes React in the direction of how dynamic web apps were built traditionally with programming languages like PHP. I'm really excited with the direction React is heading

[@TheArestus]

Thank you!

Right now I can say that "I understand server and client components" ...after I have seen 1500 videos about server/client components :)

[@alexmercer416]

amazing!

[@dharylcarryalmora5414]

Nice 😊

[@avaneeshc]

Hey cosden, I really like your explanations. I am currently building a movie search application in next.js server actions where I have a input field with debouncing where I am fetching data from tmdb api after the input field is updated. So I got stuck here. Can you please make a tutorial on this topic. Thanks for the tutorials keep it up.

[@godofwar8262]

Should i learn backend before next js to use full potential

[@jevinjivani8377]

Can you please make video on a wildcard subdomain using vercel?

[@ptolemyhenson6838]

How do you show a loading graphic while awaiting the server component to return code?

[@justinoconnell7307]

Loading page in Next or Suspense boundary in plain React

[@mattraw5522]

Maybe use a suspense element

[@shravananto6107]

will create playlist for TailWind css, brother

[@abdullah44925]

Server here doesnt mean 'backend server' right? Somethign you would build in Node to handle authentication, database interactions and whatnot

[@cosdensolutions]

It does. It's exactly that! You run React on the server

[@danishsadpara]

First ❤🎉

[@cosdensolutions]

congrats! 🎉

[@kamleshpaul414]

someone needs to create vs code extension to show error server component or client component

[@harpo187bling]

Bro any coupon code for your course?

[@cosdensolutions]

maybe, email me

[@rajfekar1514]

please explain shadcn data table how to make filterd data from api data

[@MrKsvignesh]

Look at tutor joe's channel

[@frontend_ko]

what happens if different props are passed to rsc? how can i pass props from client components to rsc children?

[@JoshLearningFrontend]

Create a tutorial video on react virtualization

[@cosdensolutions]

I just made one 😅

[@Dadaadad268]

I can't get my head to understand what a 'server' is. I assumed it was a program that would run on a separate port - but it doesn't seem so here?

[@cosdensolutions]

the server is just the app that's running on your machine. It's just a process like any other app on your PC (whatsapp, chrome, etc). In this case it just runs the Next.js app which has the ability to render components before sending them to the browser

[@Dadaadad268]

@@cosdensolutions thank you, that helps!

[@mdaljac]

It's node.js

[@juanofdark]

Amazon Bro! You should throw some videos in Spanish please!! Jajaja

[@DhananjayKumar-qm6ht]

bro can u provide your emailid i want to discuss about project react course

[@pratiksavaliya3890]

This is click bait...this is server component in next and not react...