Client-Side vs Server-Side Rendering, Simplified with JS, NodeJS, React & NextJS examples

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 พ.ย. 2024

ความคิดเห็น • 38

  • @blacklord3212
    @blacklord3212 12 วันที่ผ่านมา

    OMG , I can't thank you enough the last tip was amazing , the last tip not even a whole 70 hours course intstructor would tell u it , you really summarized very easily what to handle on server and what to handle on client , things I want instant load are on server to be fast , things that will take time to load like promise based operations can be loaded easily on client , thank you so much

  • @groundcrunch
    @groundcrunch หลายเดือนก่อน +1

    I've viewed several videos on this topic and still struggled to understand the concept. After watching your video I get it now. Subscribed 👍

  • @olgab.5201
    @olgab.5201 4 หลายเดือนก่อน +1

    I've watched a lot of videos on this topic, but my understanding was still limited. Your perfect explanation helped a lot to complete the puzzle. Thanks a lot!

  • @ellonmusketwannabe2201
    @ellonmusketwannabe2201 29 วันที่ผ่านมา +1

    This is SOOO Clear: I Love u man. Thanks soo much

  • @ctchen1988
    @ctchen1988 7 หลายเดือนก่อน +1

    SOOO clear, just being asked in an interview

    • @deeecode
      @deeecode  7 หลายเดือนก่อน

      I'm so glad to hear this was very helpful!

  • @marcosgabriel6221
    @marcosgabriel6221 4 หลายเดือนก่อน +1

    Ohh man, amazing explanation! Congratulations from Brazil

  • @mjylove2
    @mjylove2 5 หลายเดือนก่อน +1

    amazing explanation ! thank you so much !

  • @MohammedAlziko
    @MohammedAlziko หลายเดือนก่อน

    what an amazing teacher 😘😘😘

  • @danielenagu2756
    @danielenagu2756 5 หลายเดือนก่อน +1

    Great explanation. Love it.

    • @deeecode
      @deeecode  5 หลายเดือนก่อน

      You’re very welcome :)

  • @vitopanaia2983
    @vitopanaia2983 6 หลายเดือนก่อน

    Really good video, was really concise and to the point :)

    • @deeecode
      @deeecode  5 หลายเดือนก่อน

      I’m so glad to hear ✨

  • @HussnainMuhammad-y9b
    @HussnainMuhammad-y9b 7 หลายเดือนก่อน

    Very well brother you explained it with a great deal
    After a lot more time it make sense for me what is ssr and csr

    • @deeecode
      @deeecode  7 หลายเดือนก่อน

      I'm so glad to hear this. You're welcome

  • @rashidabdallah5636
    @rashidabdallah5636 2 หลายเดือนก่อน

    keep Going broda...

  • @JagTheRipper
    @JagTheRipper 8 หลายเดือนก่อน

    Hey I have a problem where now I am using ejs files to help render using server side rendering. However, I am now creating a form where the user inputs data to be stored in my back end. Ebverything works fine but now I want to make the form dynamic. So I have been trying to add in eventlisteners etc but realised I can't as I am always getting this error "Refused to execute script as MIM type checking is disabeled (text/html)" I realised it has to do with me trying to change the HTML tags with client side rendering while I am using server side. Is there a way to use both at the same time in this case or perhaps an easier option to in making dynamic forms?

  • @josephuzuegbu7431
    @josephuzuegbu7431 4 หลายเดือนก่อน

    Good explaination

  • @ugyenofficial
    @ugyenofficial ปีที่แล้ว

    Your follwer on tiktok and youtube. nice explanation

    • @deeecode
      @deeecode  ปีที่แล้ว

      Thanks for the follows :)
      You're welcome!

  • @koloy3k
    @koloy3k 6 หลายเดือนก่อน

    This was fantastic

    • @deeecode
      @deeecode  5 หลายเดือนก่อน

      I’m glad to hear ✨

  • @kalideb-y3y
    @kalideb-y3y 4 หลายเดือนก่อน

    I think the simplest explanation is CSR means all calculation is done on the client, SSR means all calculation is done on the server. 😎 What do you think guys

    • @deeecode
      @deeecode  4 หลายเดือนก่อน

      This is an oversimplification and it doesn’t apply all the time. Most applications have a mix of CSR and SSR so you can’t say all calculation is done on client or on server.
      For example, the head tag and meta tags can be rendered from the server but the body can be rendered on the client
      it’s a mix and responsibility of both systems, all those some things can do full CSR or full SSR

    • @kalideb-y3y
      @kalideb-y3y 4 หลายเดือนก่อน

      @@deeecode ok, btw all videos that I've watched only yours made me finally understand the difference between CSR and SSR. I am interested to see the mix CSR and SSR have you already made a video of that?

  • @MaiGamal-t4h
    @MaiGamal-t4h 2 หลายเดือนก่อน

    Good job 👏🏻
    but in the case of SSR we won't need to build an API cause all the data are already been sent and rendered by the server, so is that's true or not ?!
    Pls answer cause I'm kinda confusing here 😶

  • @anthonyikwuegbu9275
    @anthonyikwuegbu9275 ปีที่แล้ว

    Welldone Dee

    • @deeecode
      @deeecode  ปีที่แล้ว

      Thank you!

  • @Youu88Tubee
    @Youu88Tubee 5 หลายเดือนก่อน

    good one

  • @Fabulous.131
    @Fabulous.131 ปีที่แล้ว

    Thank you

    • @deeecode
      @deeecode  ปีที่แล้ว

      You're welcome

  • @oscarcaballero9930
    @oscarcaballero9930 7 หลายเดือนก่อน

    Good video

  • @yashsharma6112
    @yashsharma6112 7 หลายเดือนก่อน

    What if I use "use client" directive in a component in NextJS. Would it be client side rendered or server side rendered

    • @deeecode
      @deeecode  5 หลายเดือนก่อน

      Sorry this answer is coming later....it will be server side rendered, and hydrated on the frontend...i explained it deeper in this video: th-cam.com/video/9WAmxMQggIk/w-d-xo.html

  • @realmrtrice
    @realmrtrice ปีที่แล้ว

    Thank you for the video. which tool did you use for the illustration

    • @deeecode
      @deeecode  ปีที่แล้ว +2

      You're welcome!
      I used excalidraw.com/

  • @KennethLopez-o6j
    @KennethLopez-o6j 2 หลายเดือนก่อน

    516 Kaia Shore

  • @amhajiTV
    @amhajiTV หลายเดือนก่อน

    Great explanation. Thank you!