Client Side Rendering vs Server Side - which is Best?

My popular courses:

My business courses:

My social links:

Thanks!

Stef

#webappdevelopment #clientsidecoding #vuejs

[chronotriggerfan]

As usual, a very reasoned approach, Stefan - client-side rendering is useful but should be applied in moderation as opposed to the "default" architecture.

One thing many people ignore is how difficult it is to get started in building a full-fledged app. So many suggest starting with JS not for the sake of the programmer, but the job market. There's already so much to learn as a beginner, from the framework, language, database, etc. If you throw synchronization of client and server state, async/await, a whole new front-end framework, linters, ES6 vs. vanilla JS, etc. it's much harder to get off the ground.

Whereas if you're using a simple server-side templating engine like Python's Jinja2, you can build a working (even complex) application much faster and refactor it for some heavy JS framework later on if you so choose. At least, that was my experience when first getting into web app development.

[MrPDTaylor]

Thanks so much Stefan!
As usual your videos give so much daily motivation!

[uelude]

3:48 +1 for Deep Dive.

Great idea, this is becoming more and more relevant and I'm not seeing others tackle this effectively whatsoever.

[pjf]

How does cache work? Is it just an image of data that has been fetched prior

[EntreMaster]

I remember my professor built a course with JavaScript and the quizzes were delivered client side. I used Chrome to inspect element and looked through the layers of his code. Within a couple minutes, I had the answers to all the questions. But, I didn't use this to my advantage since the quizzes were not graded... only a guide to help our learning. One of the reasons why I hesitate on using JS client-side b/c of security... I'm a server-side guy!

BTW, I didn't see the video/camera quality upgrade that you mentioned. But your content is always great!

[zinaright]

In my opinion, for apps with sensitive data access, the less info you push to the client the better. Most heavy lifting ought to be on the server side

[emonymph]

What are the cost differences between CSR SSR SSG!? Is client side rendering cheaper for your AWS to run? What if you use your own PostgreSQL database is it still cheaper? And by how much!?

[pushqrdx]

i find this slightly contradictory with what you said about using cordova or phonegap, as you said "phones are so powerful these days, use cordova it doesn't matter". I mean for mobile you completely ignored the fact that there're still 'too' mobile phones that aren't powerful enough to handle a webview running all the javascript that's used for a cordova app. Why would it be _okay_ for mobile and not for desktops (which are already way past powerful enough to power a client side spa app 'if we only assume that all people run recent enough hardware')

[LukeAvedon]

Are you going to play the drums for us?

[brianlaudrupchannel]

Your going to call the server anyway, so is the difference that the server returns the HTML is server side rendering, and front end rendering is when the server will return data (json, xml) and the JS will update the html?

[rachavez]

The video looks really good, and the sound is amazing. Lastly, the information conveyed on your video is very helpful, thank you!

[lindascoon]

I am confused about something. Where does ajax fit into client side rendering? I've just heard alot of mention of ajax when people are talking about client side rendering.

[gabrielsoloman]

nice discussion, thanks for bringing this in such a wide angle

[JonathanLoganClark]

Yes Stefan, the video is coming through as 4K in Chrome. Some other browsers do not pay for the codec licensing and only display the video as 1080p (1K) though.

[busyrand]

I'd love a deep dive into the subject like you mentioned. Fantastic video. I noticed the quality difference. Smooth transition to various depths of field.

[Saschaborg]

If you'd ask me for feedback about the video quality... I'd say: what strikes me most is that reaaally strange color balance ;-) Looks kind of morbid, to be honest. Sorry for frankly speaking what I was already thinking several times :'/

EDIT: Colors in the HTML5 video (just before) seem to look better, I would say!!

[sevdalink]

Is it a big problem to build a web app in the classic way, and later, if it becomes successful to change it to REST or GraphQL architecture? (I am a beginner and do not know should I start my app or learn REST architecture and do it then)

[YoungGrizzly]

I'm not a fan of server side rendering because I prefer that to be the place where data processing happens. Let the user/client system do all the view generation. Not the best for low bandwidth but my focus is on the data storage, retrieval, and manipulation.

[venom_lowrider]

Thanks for the explanation! Video quality is great - very clear and sharp!

[invictuz]

The video quality is top notch AAA grade. I thought I was watching the newest James Bond film.