Server Components in React (Simple Tutorial)

Поделиться
HTML-код
  • Опубликовано: 17 янв 2025

Комментарии • 60

  • @raoufabdallah5697
    @raoufabdallah5697 9 месяцев назад +2

    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 !

  • @nemeziz_prime
    @nemeziz_prime 9 месяцев назад +3

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

  • @lana__4157
    @lana__4157 9 месяцев назад +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
    @prakashbanjade4374 9 месяцев назад +3

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

  • @Bravin_Joshua
    @Bravin_Joshua 9 месяцев назад +20

    Now i can add Next js to my resume

    • @sontranvan5348
      @sontranvan5348 9 месяцев назад +1

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

    • @joshysmarty2540
      @joshysmarty2540 9 месяцев назад +2

      honestly 😂

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

      I think Next.je is beyond than just server components

  • @dominiquebello3212
    @dominiquebello3212 9 месяцев назад +1

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

  • @sucesssoulman
    @sucesssoulman 6 месяцев назад

    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.

  • @dimakolyas916
    @dimakolyas916 3 месяца назад

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

  • @andreasp3302
    @andreasp3302 20 дней назад

    Great explanation!!! ❤
    Many thanks 😊

  • @Ray-ko6cw
    @Ray-ko6cw 7 месяцев назад

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

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

    Awesome video, easy to understand, thanks brother!

  •  9 месяцев назад

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

  • @Andrew_FX
    @Andrew_FX 7 месяцев назад

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

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

    I finally understand server components ... thank you

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

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

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

    Wow, what a great explaination, Thank you 🔥

  • @mjylove2
    @mjylove2 6 месяцев назад

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

  • @annangan427
    @annangan427 4 месяца назад

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

  • @dharylovey
    @dharylovey 9 месяцев назад

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

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

    Incredible explanation 👌

  • @Deepakkumar431
    @Deepakkumar431 13 дней назад

    Thanks for such a simple, nice explanation. My application is stuck with Next 12, and I plan to migrate it to Next 13 / 14.
    A tutorial like this for Server Actions will also be helpful :)

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

    I Always get suprised with ur stuff😊

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

    very useful tutorial. good job keep it up.

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

    Once again, Thanks! Cheers!

  • @ptolemyhenson6838
    @ptolemyhenson6838 9 месяцев назад +2

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

    • @justinoconnell7307
      @justinoconnell7307 9 месяцев назад +1

      Loading page in Next or Suspense boundary in plain React

    • @mattraw5522
      @mattraw5522 9 месяцев назад +1

      Maybe use a suspense element

  • @godofwar8262
    @godofwar8262 8 месяцев назад

    Should i learn backend before next js to use full potential

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

    Thanks Cosden🥳❤

  • @avaneeshc
    @avaneeshc 9 месяцев назад +2

    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.

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

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

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

    Thank you!

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

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

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

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

  • @kamleshpaul414
    @kamleshpaul414 9 месяцев назад +1

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

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

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

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

      @@cosdensolutions thank you, that helps!

    • @mdaljac
      @mdaljac 9 месяцев назад

      It's node.js

  • @rajfekar1514
    @rajfekar1514 9 месяцев назад +1

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

    • @Vignesh_KS
      @Vignesh_KS 9 месяцев назад

      Look at tutor joe's channel

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

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

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

    amazing!

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

    Bro any coupon code for your course?

  • @yashsolanki069
    @yashsolanki069 4 месяца назад

    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 ?

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

    will create playlist for TailWind css, brother

  • @47joshua
    @47joshua 9 месяцев назад

    Create a tutorial video on react virtualization

  • @dharylovey
    @dharylovey 9 месяцев назад

    Nice 😊

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

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

  • @hungsuperhero1280
    @hungsuperhero1280 7 месяцев назад

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

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

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

  • @danishsadpara
    @danishsadpara 9 месяцев назад +2

    First ❤🎉

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

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