Server Components in React (Simple Tutorial)

  Рет қаралды 21,449

Cosden Solutions

Cosden Solutions

Күн бұрын

Пікірлер: 59
@ha1dysh
@ha1dysh 7 ай бұрын
You explained it like I was 3 years old and I really liked it
@lana__4157
@lana__4157 7 ай бұрын
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
@nemeziz_prime
@nemeziz_prime 7 ай бұрын
This explanation with simple clear differentiating examples is probably the best I have ever seen to understand client vs server components
@raoufabdallah5697
@raoufabdallah5697 7 ай бұрын
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 !
@prakashbanjade4374
@prakashbanjade4374 7 ай бұрын
Now I am even more clear on Server components. Thanks. Keep making such videos.
@dimakolyas916
@dimakolyas916 2 ай бұрын
Thanks for very clear explanation about RSC, how to use them and the difference between RSC and client components.
@dominiquebello3212
@dominiquebello3212 7 ай бұрын
I was struggling with a Next.js app. Exverything is crystal clear now! Thank you!
@sucesssoulman
@sucesssoulman 4 ай бұрын
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.
7 ай бұрын
Right now I can say that "I understand server and client components" ...after I have seen 1500 videos about server/client components :)
@Bravin_Joshua
@Bravin_Joshua 7 ай бұрын
Now i can add Next js to my resume
@sontranvan5348
@sontranvan5348 7 ай бұрын
add more certification finished 25 minutes watching NExtjs(Server component) =)))
@joshysmarty2540
@joshysmarty2540 7 ай бұрын
honestly 😂
@osmankain1508
@osmankain1508 7 ай бұрын
I think Next.je is beyond than just server components
@Ray-ko6cw
@Ray-ko6cw 6 ай бұрын
Your explanation is simple and easy to understand, Amazing Cosden!
@nayandey5010
@nayandey5010 7 ай бұрын
I finally understand server components ... thank you
@dharylovey
@dharylovey 7 ай бұрын
Now i truly understand what's the cause of hydration error 😊😂 Thanks again 😊
@alangraton2000
@alangraton2000 7 ай бұрын
As always, great vid! Was able to understand something that was a bit abstract for me ^-^
@pixyoutube538
@pixyoutube538 7 ай бұрын
Awesome video, easy to understand, thanks brother!
@Andrew_FX
@Andrew_FX 6 ай бұрын
Very very very well explained, thank you so much !!!
@mjylove2
@mjylove2 4 ай бұрын
this video really helped me a lot ! thank you thank you so much
@xyzatin
@xyzatin 4 ай бұрын
Once again, Thanks! Cheers!
@legend_749
@legend_749 7 ай бұрын
Wow, what a great explaination, Thank you 🔥
@bharathnaidu4636
@bharathnaidu4636 7 ай бұрын
I Always get suprised with ur stuff😊
@maxpauwels3727
@maxpauwels3727 7 ай бұрын
Incredible explanation 👌
@annangan427
@annangan427 2 ай бұрын
very clear explanation!!!!!! I like this video
@samahgad241
@samahgad241 7 ай бұрын
Thanks Cosden🥳❤
@avaneeshc
@avaneeshc 7 ай бұрын
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
@godofwar8262 6 ай бұрын
Should i learn backend before next js to use full potential
@sathirabandara7981
@sathirabandara7981 7 ай бұрын
very useful tutorial. good job keep it up.
@alexmercer416
@alexmercer416 7 ай бұрын
amazing!
@kamleshpaul414
@kamleshpaul414 7 ай бұрын
someone needs to create vs code extension to show error server component or client component
@TheArestus
@TheArestus 7 ай бұрын
Thank you!
@ptolemyhenson6838
@ptolemyhenson6838 7 ай бұрын
How do you show a loading graphic while awaiting the server component to return code?
@justinoconnell7307
@justinoconnell7307 7 ай бұрын
Loading page in Next or Suspense boundary in plain React
@mattraw5522
@mattraw5522 7 ай бұрын
Maybe use a suspense element
@jevinjivani8377
@jevinjivani8377 7 ай бұрын
Can you please make video on a wildcard subdomain using vercel?
@shravananto6107
@shravananto6107 7 ай бұрын
will create playlist for TailWind css, brother
@dharylovey
@dharylovey 7 ай бұрын
Nice 😊
@abdullah44925
@abdullah44925 7 ай бұрын
Server here doesnt mean 'backend server' right? Somethign you would build in Node to handle authentication, database interactions and whatnot
@cosdensolutions
@cosdensolutions 7 ай бұрын
It does. It's exactly that! You run React on the server
@rajfekar1514
@rajfekar1514 7 ай бұрын
please explain shadcn data table how to make filterd data from api data
@Vignesh_KS
@Vignesh_KS 7 ай бұрын
Look at tutor joe's channel
@yashsolanki069
@yashsolanki069 2 ай бұрын
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 ?
@JoshLearningFrontend
@JoshLearningFrontend 7 ай бұрын
Create a tutorial video on react virtualization
@cosdensolutions
@cosdensolutions 7 ай бұрын
I just made one 😅
@frontend_ko
@frontend_ko 7 ай бұрын
what happens if different props are passed to rsc? how can i pass props from client components to rsc children?
@Dadaadad268
@Dadaadad268 7 ай бұрын
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
@cosdensolutions 7 ай бұрын
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
@Dadaadad268 7 ай бұрын
@@cosdensolutions thank you, that helps!
@mdaljac
@mdaljac 7 ай бұрын
It's node.js
@juanofdark
@juanofdark 7 ай бұрын
Amazon Bro! You should throw some videos in Spanish please!! Jajaja
@harpo187bling
@harpo187bling 7 ай бұрын
Bro any coupon code for your course?
@cosdensolutions
@cosdensolutions 7 ай бұрын
maybe, email me
@hungsuperhero1280
@hungsuperhero1280 6 ай бұрын
I don't think this is Reactjs server component, it's just nextjs
@danishsadpara
@danishsadpara 7 ай бұрын
First ❤🎉
@cosdensolutions
@cosdensolutions 7 ай бұрын
congrats! 🎉
@DhananjayKumar-qm6ht
@DhananjayKumar-qm6ht 7 ай бұрын
bro can u provide your emailid i want to discuss about project react course
@pratiksavaliya3890
@pratiksavaliya3890 7 ай бұрын
This is click bait...this is server component in next and not react...
React Email with Resend (Complete Tutorial)
24:16
Cosden Solutions
Рет қаралды 25 М.
You Are Using useEffect Wrong
14:40
Cosden Solutions
Рет қаралды 36 М.
Из какого города смотришь? 😃
00:34
МЯТНАЯ ФАНТА
Рет қаралды 2,6 МЛН
React server components from scratch!
19:43
Ben Holmes
Рет қаралды 36 М.
The Most Important Design Pattern in React
35:04
Cosden Solutions
Рет қаралды 106 М.
The Secret to Better APIs. You’re Not Using It.
11:50
Jan Hesters
Рет қаралды 1,1 М.
React Server Components Change Everything
15:48
Web Dev Simplified
Рет қаралды 206 М.
And Now You Understand React Server Components | Kent C. Dodds
21:46
Efficiently Render 100,000 Rows in React
16:41
Cosden Solutions
Рет қаралды 19 М.
Why is Python 150X slower than C?
10:45
Mehul - Codedamn
Рет қаралды 24 М.
React Router - Complete Tutorial
23:53
Cosden Solutions
Рет қаралды 141 М.
React Server Components Form Actions + Server Actions
46:32
Drag and Drop in React (Complete Tutorial)
20:08
Cosden Solutions
Рет қаралды 12 М.