A framework that makes things worse on purpose

https://postmodernize.telnet.asia/

by todsacerdoti • 5 years ago

140 53 5 years ago

postmodernize.telnet.asia

ArchIsGreat• 5 years ago

Sometimes I wonder what the point of those web frameworks are. I find them harder to use than plain HTML/CSS/JS.

Zelphyr• 5 years ago

Part of the downvotes to your comment may be coming from the fact that this framework is (I'm assuming?) a joke.

Otherwise, I completely agree with you. The last few projects I've worked on I used vanilla HTML/CSS/JS and I found it so much better than using any of the popular front-end frameworks. I didn't have megabytes of dependencies before a single line of production code was written. I didn't have to spend time trying to understand any Webpack incantations.

nucleardog• 5 years ago

Honestly this stuff all just makes me feel really old.

In a past life that wasn't even that far away, I implemented single page sites with smooth transitions and all sorts of fun stuff in a few lines of CSS. There was like 1kB of JS thrown on top to add a bit of "nice to have" functionality.

I implemented an entire clone of Flappy Bird in like 50kB. The bulk of that was a polyfill so it worked on IE8.

I implemented a curling game that would open up a webcam in the background and continuously capture and process images to try and detect shapes you'd drawn on paper. When it detected one it would trace the shape and decompose it into a convex shape as that's all the physics engine supported, then render this on a 65" touchscreen coffee table and let you curl with your custom shaped rock with realistically calculated physics including an appropriate density for your curling rock based on the volume of the same you'd created. It would calculate scoring and use websockets to communicate that to another device which was hooked up to a TV that displayed a leaderboard. This was all in about 500kB, and the bulk of that was the physics engine (what could've been a "computer vision" library was like a kilobyte of vanilla JS). There was no effort made to prune unused code or anything because it was never loaded over the network or required to be optimized for load times and I only had a week to build it.

I honestly cannot even begin to comprehend how we're shipping static websites with 1MB+ of JS. Damn kids, get off my lawn.

5560675260• 5 years ago

Frameworks are excessive for documents and presentations. They start to shine in development of apps, where you have to wrangle views, manage data bindings and react to user input in nontrivial ways. It's possible to roll out your own boilerplate and utility methods, but it's almost always counterproductive - this is not a part of task you have at hand and you'll miss on structure and conventions invented by framework team that really had resources to do it.

mattgreenrocks• 5 years ago

All they need now is a Twitter account, a GitHub org, and a mandatory CLA, then it’ll be a real framework.

To their credit, they have the requisite number of emojis to be perceived as relevant. And I applaud that it can be grokked relatively quickly.

funkisjazz• 5 years ago

they have the requisite number of emojis to be perceived as relevant

bzb6• 5 years ago

And the footer has to say “Made with (heart emoji) in (hip, expensive city)”

Nextgrid• 5 years ago

Don’t forget a “code of conduct” and “diversity and inclusion”.

polka_haunts_us• 5 years ago

Making it look like you're doing things poorly when you're doing exactly what you intend to do is a real skill. It's the basis of a lot of circus acts. Making your files extremely large to mock modern web dev is maybe a little bit esoteric of a joke to be compared to someone pretending like they can't control a unicycle though.

What this comparison says about modern web dev I'll leave as an exercise to the reader.

austincheney2• 5 years ago

It’s all a matter of perspective. When I saw the title I immediately thought Angular JS.

Many, possibly most, UX developers cannot actually do their jobs. Instead they are hired to use some crappy framework to outsource the required competency. For many of these people dependency on some bullshit framework is the expected reality and anything different must then be poor execution... all objective metrics aside.

ng12• 5 years ago

Yeah, I see it all the time. Just the other day I found out some coworkers were using this fancy framework called "C" to build their programs. The produced assembly was way overcomplicated and impossible to read. Talk about job security!

Tade03• 5 years ago

I don't need a new framework for that.

The app I'm currently working on clocks in at 75MB of JS before minification.

That's enough for the browser to take seconds to parse the whole thing.

hawkice• 5 years ago

Oh my. Oh my.

Please tell me there's some dead code elimination step in your pipeline too.

laurent922• 5 years ago

The dead code elimination step just drops the framework?

Tade03• 5 years ago

Here's the kicker: none of this is dead code. Vendor libraries alone take 28MB.

Apparently one of the second order effects of rolling your own components is having enormous bundles because there's no incentive to minimize them.

3rd party libraries on the other hand usually go out of their way to be as small as possible.

I'm doing my best not to be sarcastic about this.

EDIT: we treeshake the bejesus out of it, but it's possible that there's some code duplication going on, because the build pipeline is, ahem, custom made.

rexpop• 5 years ago

That's the joke.

core-questions• 5 years ago

Step back and realize that entire operating systems with browsers that can run JS can fit into 1.44 MB.

bigiain• 5 years ago

I don't need a new framework for that.

Ahhh, you have some of the same front end dev team I have, huh?

laurent922• 5 years ago

Have you tried http://vanilla-js.com/ ?

It’s a framework with a math library and ajax embedded, 0 bytes minified, 25 bytes compressed as zip.

ASalazarMX• 5 years ago

This is really funny, it even lets you download it.

I'm not familiar enough with JavaScript, is this modern or obsolete JS?

styfle• 5 years ago

This parody website is probably close to 10 years old so it’s a bit outdated.

But the premise still stands, just needs more feature checkboxes :)

woah• 5 years ago

Imagine a C compiler that produced sarcastically formatted assembly

masswerk• 5 years ago

Even more true for an assembler. I guess, there's urgent need for a transpiling 6502 tool chain.

OskarS• 5 years ago

Now I suddenly wonder what sarcastic assembly looks like! XOR swaps instead temporary variables everywhere? Jump tables for simple if/elses? Moving the stack pointer up and down for no reason, just because you can?

cnasc• 5 years ago

https://github.com/Battelle/movfuscator

dr_kiszonka• 5 years ago

Would a framework be every language that complies to another for execution? Genuine question.

behnamoh• 5 years ago

The sarcasm is real: the web has gotten out of control by a series of overly bloated framework designs that have resulted in a domino effect that has made the web slower, less user friendly, and buggier.

corytheboyd• 5 years ago

Say it with me everyone: it is okay to use the right tool for the right job. Sometimes a JS framework is the right tool, and sometimes it’s not. The solution is not destroy all frameworks.

Anyway, I get that this is a joke, but it’s just been done so many tiiiiimmmeeessss

ttt0• 5 years ago

We unfortunately don't have enough power to destroy all frameworks, so you might be saying this to the wrong people. Say that to those who abuse them instead.

karmakaze• 5 years ago

This is perfect. I can use plain HTML and make anyone think I'm using a late great framework.

spacemanmatt2• 5 years ago

Good times. I used to replace .jsp with .aspx at the reverse-proxy.

hestefisk2• 5 years ago

Back in t get late 90ies I wrote my markup in XML and be then used mod_perl to transform it to XHTML using XSLT on the fly. But to be extra 1337, I renamed my index.html file to index.xml,

hestefisk2• 5 years ago

Btw the mod_perl XML server was called AxKit. I don’t think anyone even remembers it.

spacemanmatt2• 5 years ago

I contributed to a monstrosity based on Xalan and XSLT at runtime. What a beast. I don't know how we planned to support 5 concurrent users.

etaioinshrdlu• 5 years ago

It loads too fast for me. It should take at least 10 seconds to fully load on a fast connection. It should also hog the CPU a little bit harder.

silon42• 5 years ago

But it is a blank page...

winrid• 5 years ago

I recently tried to make as terrible of an app backend as possible: https://github.com/winrid/terrible-express-app

Challenge: figure out how it starts, and how content is rendered.

(It's not that hard, but a little funny)

durnygbur3• 5 years ago

Love the .idea directory in the repository (despite large .gitignore) and how you lie about package-lock.json. PwC, or Accenture would charge 5mln EUR for it and be perfectly self-confident about it.

chasd00• 5 years ago

Yeah and at Accenture there would be one person in the whole company that knows anything about the internals. Oh, and they left the firm 3 months ago.

mattowen_uk• 5 years ago

Did anyone else look at the embedded .js file? It's clearly just a load of junk cribbed from elsewhere... but this bit made me chuckle:

"__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED"

afraca• 5 years ago

I thought it was from the React codebase, but it's differently named there: https://github.com/facebook/react/blob/b2ca3349c27b57b1e9462...

durnygbur3• 5 years ago

window._PLAINTEXT_PASSWORD_UNDERSCORE_MEANS_ITS_PRIVATE

krylon2• 5 years ago

Even though this is a joke (made me chuckle), I have a hunch somewhere, someone is going to use this for real, for job protection or to appease that manager who insists that static HTML is sooooo 2009.

A framework that makes things worse on purpose

Related Stories