Write React Server Components from Scratch

Поділитися
Вставка
  • Опубліковано 12 гру 2024

КОМЕНТАРІ • 64

  • @codeconcept
    @codeconcept Рік тому +6

    Your long form videos are awesome. They allow to really understand how React works and what RSC brings to the table.
    I couldn't help smiling when you said functions are not serializable. As I know you're also into Qwik and that the Qwik team managed to make functions serializable, it's funny to see that you're able to stay in the context of each lib / framework. If you could explain how they did that (making functions serializable) it could become another great video of yours. Even a great collab with a member of the Qwik team.
    Time for me to watch your 'deconstructing React' video ;)

    • @tejask
      @tejask  Рік тому +2

      Hey thank you so much for this thoughtful comment!!

  • @BuddhiAbeyratne
    @BuddhiAbeyratne Рік тому +5

    This video is underrated. You should make mini powerful shorts by splitting this so its a little more digestible. I bet you 8/10 next devs have no clue what they are doing

  • @Sindoku
    @Sindoku Рік тому +1

    Amazing video my friend. I’m so happy that you made this video. You’re very talented at explaining these things. It’s apparent that you know what you’re talking about.

    • @tejask
      @tejask  Рік тому

      I appreciate that!

  • @pplytas
    @pplytas Рік тому +2

    Seeing how to implement RSCs yourself is incredibly educational. Would love to see more of these in-depth hands-on videos on concepts like Server Actions, Suspense, Caching/Revalidating etc. Thank you for this!

  • @deepakkumarkhatri
    @deepakkumarkhatri 5 місяців тому

    Thank you @Tejas for your contribution to RSC's. I've been working on RSC's for quite a time now and wanted to explore how they work internally so, this helped me a lot.

    • @tejask
      @tejask  5 місяців тому +1

      You're most welcome

  • @pranab091
    @pranab091 Рік тому +3

    Really liked the video, it is great that you break down concepts. I may not understand everything, but fundamentally understood a lot of things. Thanks for making this video, keep coming up with good stuff.

    • @tejask
      @tejask  Рік тому

      Thank you so much! Happy to clarify anything you didn’t understand!!

  • @pratiktiwari5689
    @pratiktiwari5689 Рік тому +1

    Gold content Tejas please bring more of these as we don't get it anywhere else. Also I would be great if you can share how you learn about all this building things from scratch

    • @tejask
      @tejask  Рік тому

      Hey thanks! In this case, I just read Dan’s post.

    • @pratiktiwari5689
      @pratiktiwari5689 Рік тому

      @@tejask makes sense ill follow dan’s work closely and try to learn more of these. Also giving talk similar to what you showed about building ssr and file based routing at a local meetup of react Pune really excited to show people how these things work. Thanks for all the effort bringing these content.

  • @git-sujon
    @git-sujon 10 місяців тому

    I share it on my Likedin, I found out this is one of the greatest explanation about this topic.

  • @mohsenghaemmaghami6692
    @mohsenghaemmaghami6692 Рік тому

    Deeeeeep knowledge. Thanks for making these videos and diving deep into the React core.

  • @dumbfailurekms
    @dumbfailurekms 5 місяців тому +1

    GOLD MINE of a youtube channel

    • @tejask
      @tejask  5 місяців тому +1

      @@dumbfailurekms love it, please share

  • @aamiramin6112
    @aamiramin6112 Рік тому

    You are awesome Tejas. Please don’t change always teach like you do. Love you bro ❤

  • @technologeek360
    @technologeek360 Рік тому +1

    Thanks! great content, learned a lot.

    • @tejask
      @tejask  Рік тому

      Thank you as well for your support!!

  • @aakarshan4644
    @aakarshan4644 Рік тому +1

    You're skills on deconstructing these nuanced complex topics are so brilliant! Keep it up sir!
    What would you suggest a dev could do to gain in-depth knowledge of these new patterns and React/frontend in general?
    Thanks :)

    • @tejask
      @tejask  Рік тому +2

      Subscribe to the channel and ask me to clarify things?

    • @rockNbrain
      @rockNbrain Рік тому

      I would love to know how nextjs and these metaframeworks do their cache system

  • @ru2979
    @ru2979 Рік тому

    bro, please make a web dev course with all the knowledge and industry experience u have , We will buy 🔥

  • @fintechtelugu6980
    @fintechtelugu6980 Рік тому +1

    You are a great teacher and fluent

  • @rockNbrain
    @rockNbrain Рік тому

    Great job Tejas , awesome video ... tks a lot !! I was listening to your podcast ep about zod and trpc ... you are a really rockstar 🎉

  • @JustSall
    @JustSall Рік тому

    Great Video Tejas, I love your approach on this.

    • @tejask
      @tejask  Рік тому

      Hey thanks a lot!!

  • @vinassefranche
    @vinassefranche Рік тому +1

    Very good video, as always. Learned a lot with it. Thanks a lot for all this great learning content!

    • @tejask
      @tejask  Рік тому +1

      Thank you so much!!!

  • @saurav_varma
    @saurav_varma Рік тому

    LMAO, this basically renders part of my React India proposal pointless. I could just link them to this video and they'll get similar (probably better) value. Another good one, Tejas!

    • @tejask
      @tejask  Рік тому

      Still do the talk!!!!!

    • @tejask
      @tejask  Рік тому +1

      I was just here telling people how the 1mg team is the best.

    • @saurav_varma
      @saurav_varma Рік тому

      @@tejask I still need to show you what we’re working on. Only if I manage to incorporate RSC into it by React India

    • @saurav_varma
      @saurav_varma Рік тому

      @@tejask Also you’re just too generous man.

  • @marioseider70
    @marioseider70 Рік тому

    Legend, great speach in Zadar, hope to see you next year too! :)

  • @bberna
    @bberna 2 місяці тому

    what terminal are you using? I loved the idea to have the tabs in the sidebar. Btw great video, new sub (y)

  • @abhinavkant
    @abhinavkant Рік тому +1

    High quality stuff !! 🔥🔥

  • @vlad.nicula
    @vlad.nicula Рік тому

    This has been truly useful! Everyone talks about meta frameworks and server components togather, so it's hard to understand the core principles in isolation. Your video helped me greatly with that.
    I wonder though if all server components need to be hydrated 🤔. I guess there's nothing stopping us from writing some application/meta-framework logic that mounts multiple react roots inside a given html output from the server. That's probably how ASTRO islands work, right?

  • @arjunlubana9720
    @arjunlubana9720 Рік тому

    Nice video. Learnt a bunch. 🙏Thanks. But how do you test a react server component?

  • @tosheen20
    @tosheen20 Рік тому

    How would this look like if we introduced a client component? Lets say we have a single button component with an onClick prop. How does the serialization proceed with that? Is there a placeholder for it or something similar?
    Essentially that serialized object will be parsed by the server to generate html and html for the button will be there. So I am wondering how serialization looks like when we mix client/server components

  • @henryfeng6300
    @henryfeng6300 Рік тому

    Great video, thank you! I have a question, how can two child components communicate with each other as leaf nodes of a server component?

  • @ianare
    @ianare Рік тому

    Great video, Tejas! Thanks!

  • @ambargupta5991
    @ambargupta5991 Рік тому +1

    is it production ready now ? as with next 13.4 app router is stable and RSC are default with app router ?

  • @ameencharoliya4643
    @ameencharoliya4643 Рік тому

    Thank you Tejas for another Gem

    • @tejask
      @tejask  Рік тому

      Happy to serve you!!

  • @mehdi-vl5nn
    @mehdi-vl5nn Рік тому

    React is a framework, mate. It controls the flow of your program, following 'The Hollywood Principle.

  • @anilchaudhary2964
    @anilchaudhary2964 Рік тому

    Great explanation. Thanks for doing this.

  • @crabnebula-dev
    @crabnebula-dev Рік тому

    Thank you Tejas 🙏🚀

  • @joe-sydney-au
    @joe-sydney-au Рік тому +1

    RSC (React Server Components) is a solution looking for a problem. I wish the Next.js people would just fork the project and "fork off", let React be useful the way it already is as a View / Frontend / Client library. /end of rant.

  • @naufalnasrullah6965
    @naufalnasrullah6965 Рік тому

    You are a hero :)
    Keep it up sirrrr 😊

  • @zach4216
    @zach4216 Рік тому

    love this guy

  • @dariocoronel4040
    @dariocoronel4040 Рік тому

    Amazing!!! you are the best!

  • @prashlovessamosa
    @prashlovessamosa Рік тому

    Can we please get more react stuff please.

  • @leebobtheblob87
    @leebobtheblob87 Рік тому

    16:22

  • @hamm8934
    @hamm8934 Рік тому

    React is a framework, not a library. If react is a library, then why do I think to structure my entire repo around it?
    d3 is a library. I don’t have to structure my repo around it. I can use its functions and objects where I need, regardless of what framework I’m using. React is not a library. This is such a weird propaganda that react pushes for some reason.