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

Ғылым және технология

Client-Side and Server-Side Rendering are one of the most popular concepts in Web Development; and these techniques are especially applicable to the way we build applications with frameworks.
In this video, I simplify the difference showing examples with Vanilla JS, NodeJS, React and NextJS
_____
Subscribe to My Channel: bit.ly/deeecode
_____
🌟 About Me:
Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics around Tech via articles and videos.
_____
⚡️ Connect with me:
- Personal youtube: / dillionmegida
- Personal website: dillionmegida.com/
- Twitter: / iamdillion
- Instagram: / deeecode
- LinkedIn: / dillionmegida
- GitHub: github.com/dillionmegida

Пікірлер: 25

  • @marcosgabriel6221
    @marcosgabriel6221Күн бұрын

    Ohh man, amazing explanation! Congratulations from Brazil

  • @mjylove2
    @mjylove29 күн бұрын

    amazing explanation ! thank you so much !

  • @vitopanaia2983
    @vitopanaia2983Ай бұрын

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

  • @deeecode

    @deeecode

    23 күн бұрын

    I’m so glad to hear ✨

  • @danielenagu2756
    @danielenagu275623 күн бұрын

    Great explanation. Love it.

  • @deeecode

    @deeecode

    23 күн бұрын

    You’re very welcome :)

  • @ctchen1988
    @ctchen19882 ай бұрын

    SOOO clear, just being asked in an interview

  • @deeecode

    @deeecode

    2 ай бұрын

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

  • @user-de4zh8qm4w
    @user-de4zh8qm4w2 ай бұрын

    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

    2 ай бұрын

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

  • @koloy3k
    @koloy3kАй бұрын

    This was fantastic

  • @deeecode

    @deeecode

    23 күн бұрын

    I’m glad to hear ✨

  • @anthonyikwuegbu9275
    @anthonyikwuegbu92758 ай бұрын

    Welldone Dee

  • @deeecode

    @deeecode

    8 ай бұрын

    Thank you!

  • @Fabulous.131
    @Fabulous.1318 ай бұрын

    Thank you

  • @deeecode

    @deeecode

    8 ай бұрын

    You're welcome

  • @Youu88Tubee
    @Youu88Tubee17 күн бұрын

    good one

  • @oscarcaballero9930
    @oscarcaballero99302 ай бұрын

    Good video

  • @JagTheRipper
    @JagTheRipper3 ай бұрын

    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?

  • @ugyenofficial
    @ugyenofficial8 ай бұрын

    Your follwer on tiktok and youtube. nice explanation

  • @deeecode

    @deeecode

    8 ай бұрын

    Thanks for the follows :) You're welcome!

  • @yashsharma6112
    @yashsharma61122 ай бұрын

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

  • @deeecode

    @deeecode

    12 күн бұрын

    Sorry this answer is coming later....it will be server side rendered, and hydrated on the frontend...i explained it deeper in this video: kzread.info/dash/bejne/a4t1z9qGgcrNec4.html

  • @realmrtrice
    @realmrtrice8 ай бұрын

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

  • @deeecode

    @deeecode

    8 ай бұрын

    You're welcome! I used excalidraw.com/

Келесі