The Drawback of Client Side Rendering

Client side rendering is cool until you want to do something that it can't do...

----
Checkout my side projects:




----

----

----
Follow Me Online Here:

#benawad
​
----
#benawad

[navneethsubramanya.]

Ben's got 99 problems, but a girlfriend ain't one.

[programming]

I avoid client-side rendering in order to save CPU cycles for cryptocurrency mining.

[evans]

solutions:
0) pre-rendering with parcel or webpack
1) server side rendering

[Silver_Knee]

I avoided serverside rendering a meta tag by registering a sub-domain, doing the serverside-rendering there and making my app only compatible with a set number of user-agents. Brilliant!

[shaftsbury]

Fantastic job explaining this! As always, the hilarious dry humor and "next level" metaphors help drive home points and keep things entertaining. Really helped clear up a bunch of stuff and get me pointed in the right direction. Many thanks!

[diegogimbernat]

I love the tint on your glasses, it's serial killer-ish, where can i get a pair like those?

[gelismissuriyeli]

This was the best explanation video I've seen on the matter... Kudos to you Mister...

[PaulSebastianM]

For your sake and ours, I hope you DON'T get a girlfriend too soon.

[TimeoutMegagameplays]

Solution: NextJS, Angular Universal, Nuxt, etc.

[arpowers]

I love how Ben roasts Angular devs. I thought of that carrot farmer line off and on all day and cracked up every time.

[stephenyin]

Love the joke about girlfriend and client side rendering at the beginning

[ytlongbeach]

Our course -- I followed and understood all the way to the end. This is because I'm an unemployed ex-Tech Lead [who has never worked at a FANG company], and a thousandaire.

[ufufu]

the girlfriend problem might be solved if you stop walking around wearing asexual flag shirts

[jimchapman]

Greate video! I use Laravel on the server side to serve up everything. Static html pages and React apps or a combo of both. It's easy to embed a react app within a .blade template file. Meanwhile Laravel takes care of everything else, like API services, user registration and authentication, etc. Best of both worlds.

[laenprogrammation]

there is a workaround : just add conditional tag in the small server that builds your page. you can still use client side rendering except for meta tags

[waynevanson]

A solution to your problem could be to build a single page application, with each end point for the app being pre rendered.

It's basically jamstack. Once a user loads one page, the others do not need to be loaded.

[dawid_dahl]

This channel is slowly becoming one of my favorites on YouTube! 😄

[archmad]

I had similar issue. good thing you found a better solution.

[wcandillon]

Very useful, thank you for pointing to react-snap. Happy Hacking Ben 🙌🏻

[mohamedaminebouguerra]

Woah! My self esteem skyrocketed because I managed to keep up with you until the end :D Aside from that, your content is top notch, keep it coming man.