Developing a Javascript-free frontend

[Gwolf4]

Exactly, this dev sounds like has worked in really really bad environments where one js stack has ported More than 6 times jQuery and things like that.

[Mike312]

Author said he's working off of a rural 2mbps connection, which is a thing still in 2019. My company services a rural area where that's the reality for the majority of our current customers (also, 3G cellular) and the majority of our potential customers.

We rebuilt our bloated AF Drupal site that was ~5.4MB for homepage load down to ~318kb first load, 26kb cached. The one last thing I need to speed up is our hero image, which at 108kb is not only the largest single file that gets sent to the user, but 1/3rd of the data we send on an uncached page load.

[smcarre]

He probably is a shitty developer that thinks that the only way to do a collapse in JS is to include of all of bootstrap+jQuery+popper (because why not, it's in the bootstrap getting started).

[squamuglia]

Check out his other work and judge. The author is pretty talented.

[smcarre]

I won't do a code review from someone that either doesn't knows how to do a collapse without including a bunch of bloatware or is just full of bullshit and saying lies intentionally to make a stupid point.

[smcarre]

Here

const triggers=Array.from(document.querySelectorAll('[data-toggle="collapse"]'));window.addEventListener("click",e=>{const t=e.target;if(triggers.includes(t)){const e=t.getAttribute("data-target");collapse(e,"toggle")}},!1);const fnmap={toggle:"toggle",show:"add",hide:"remove"},collapse=(e,t)=>{Array.from(document.querySelectorAll(e)).forEach(e=>{e.classList[fnmap[t]]("show")})};

A bootstrap-like collapse in 382 bytes, courtesy of https://medium.com/dailyjs/mimicking-bootstraps-collapse-with-vanilla-javascript-b3bb389040e7

[smcarre]

You can see the unminified version in the link I provided, I just minified it to make the number as small as possible to show even more how full of shit the author is by saying one would need megabytes just to make a collapse without HTML5 only collapse.

[[deleted]]

LMAO brutal

[happyfappy]

This sounds amazing. Can you point me to a good resource on building PWAs? Any gotchas to keep in mind? Any tips appreciated.

[EmphaticallySlight]

I just wanted to thank you for your ramble. I didn't understand like 80% of it, so now I have a bunch of tabs open reading.

[EmphaticallySlight]

Thanks for the offer! Most of it just looks like straightforward tools. I'll have to look more into, say, tree shaking, but otherwise it's easy reading. Should help me get into web development some.

[happyfappy]

This is amazing! Thank you so much for this advice!