Server Components in React (Simple Tutorial)

Подписаться 105 тыс.

Просмотров 19 тыс.

50% 1

🚀 Project React → cosden.solutio...
Source Code → github.com/cos...
Join The Discord! → discord.cosden...
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!

Опубликовано:

27 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 59

@lana__4157 5 месяцев назад

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

@prakashbanjade4374 5 месяцев назад

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

@raoufabdallah5697 5 месяцев назад

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 !

@sucesssoulman 2 месяца назад

WOW!!! This is the best explanation I found about this topic. It is clear!! Now, I can say I understand this topic. Man, I am serious, you are really good at explaining things. You make them look really easy and clear.

@dominiquebello3212 5 месяцев назад

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

@Ray-ko6cw 4 месяца назад

Your explanation is simple and easy to understand, Amazing Cosden!

@annangan427 15 дней назад

very clear explanation!!!!!! I like this video

5 месяцев назад

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

@xyzatin 2 месяца назад

Once again, Thanks! Cheers!

@ha1dysh 5 месяцев назад

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

@dharylcarryalmora5414 5 месяцев назад

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

@Andrew_FX 4 месяца назад

Very very very well explained, thank you so much !!!

@alangraton2000 5 месяцев назад

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

@nayandey5010 5 месяцев назад

I finally understand server components ... thank you

@pixyoutube538 5 месяцев назад

Awesome video, easy to understand, thanks brother!

@maxpauwels3727 5 месяцев назад

Incredible explanation 👌

@sathirabandara7981 5 месяцев назад

very useful tutorial. good job keep it up.

@avaneeshc 5 месяцев назад

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.

@alexmercer416 5 месяцев назад

amazing!

@shravananto6107 5 месяцев назад

will create playlist for TailWind css, brother

@kamleshpaul414 5 месяцев назад

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

@yashsolanki069 12 дней назад

what if we have dozens of server and client components and we want to import server components into client and vice versa then aren't we repeating this pattern again and again of passing children ?

@jevinjivani8377 5 месяцев назад

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

@ptolemyhenson6838 5 месяцев назад

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

@justinoconnell7307 5 месяцев назад

Loading page in Next or Suspense boundary in plain React

@mattraw5522 5 месяцев назад

Maybe use a suspense element

@frontend_ko 5 месяцев назад

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

@danishsadpara 5 месяцев назад

First ❤🎉

@cosdensolutions 5 месяцев назад

congrats! 🎉

@harpo187bling 5 месяцев назад

Bro any coupon code for your course?

@cosdensolutions 5 месяцев назад

maybe, email me

@hungsuperhero1280 3 месяца назад

I don't think this is Reactjs server component, it's just nextjs

@DhananjayKumar-qm6ht 5 месяцев назад

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

@pratiksavaliya3890 5 месяцев назад

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

@Bravin_Joshua 5 месяцев назад

Now i can add Next js to my resume

@sontranvan5348 5 месяцев назад

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

@joshysmarty2540 5 месяцев назад

honestly 😂

@osmankain1508 5 месяцев назад

I think Next.je is beyond than just server components

@dimakolyas916 5 дней назад

Thanks for very clear explanation about RSC, how to use them and the difference between RSC and client components.

@mjylove2 2 месяца назад

this video really helped me a lot ! thank you thank you so much

@nemeziz_prime 5 месяцев назад

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

@godofwar8262 4 месяца назад

Should i learn backend before next js to use full potential

@abdullah44925 5 месяцев назад

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

@cosdensolutions 5 месяцев назад

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

@rajfekar1514 5 месяцев назад

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

@MrKsvignesh 5 месяцев назад

Look at tutor joe's channel

@JoshLearningFrontend 5 месяцев назад

Create a tutorial video on react virtualization

@cosdensolutions 5 месяцев назад

I just made one 😅

@juanofdark 5 месяцев назад

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

@legend_749 5 месяцев назад

Wow, what a great explaination, Thank you 🔥

@bharathnaidu4636 5 месяцев назад

I Always get suprised with ur stuff😊

@samahgad241 5 месяцев назад

Thanks Cosden🥳❤

@TheArestus 5 месяцев назад

Thank you!

@dharylcarryalmora5414 5 месяцев назад

Nice 😊

@Dadaadad268 5 месяцев назад

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 5 месяцев назад

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 5 месяцев назад

@@cosdensolutions thank you, that helps!