A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.md 7.1KB

4 years ago
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. title: Over-engineering is under-engineering
  2. url: https://www.baldurbjarnason.com/notes/under-engineering-websites/
  3. hash_url: af8a8291cd79ba73415d65f916ac7c04
  4. <p>There’s a gif going around presenting a debate about whether websites are under-engineered or over-engineered as Elmer and Bugs doing their duck-season/rabbit-season skit.</p>
  5. <p>It’s really only funny if you’re a ‘big project’/’big organisation’ JS developer. It’s a joke that’s honestly largely indecipherable to those of us outside the big tech corporation trenches doing our smaller things.</p>
  6. <blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Frontend development discussion. <a href="https://t.co/Uz7n0Kdnll">pic.twitter.com/Uz7n0Kdnll</a></p>— Jake Archibald (@jaffathecake) <a href="https://twitter.com/jaffathecake/status/930350255111049217?ref_src=twsrc%5Etfw">November 14, 2017</a></blockquote>
  7. <p>My best guess is that this joke hinges on the fact that most client-side code is severely under-engineered for its actual purpose but also at the same time massively over-engineered.</p>
  8. <p>Both at the same time.</p>
  9. <p><em>(The fact that two things can be true, both at the same time, <a href="https://studiotendra.com/2014/07/04/both-at-the-same-time/">is a bit of a running theme of mine</a>.)</em></p>
  10. <p>It’s probably obvious to the startup/big-tech-co crowd that most of their work is actually under-engineered: it doesn’t do the job it should be doing.</p>
  11. <p>This is particularly noticeable when it comes to accessibility.</p>
  12. <p>You need to make the form look a certain way and to do that while also keeping the widget accessible requires an enormous amount of, well, engineering.</p>
  13. <p>It’s also an issue for website performance. Most websites are much too slow which means, given that dropping features is untenable from a business perspective, they are by definition under-engineered.</p>
  14. <p>(Again, this is my guess as to what their perspective is. The situations I’ve usually been in tend to be under-staffed and under-resourced. There the perspective is generally more “what’s the absolute least we can do to get the job done”.)</p>
  15. <p>The “humour” then is that they find accusations of over-engineering funny because they know their work is generally comprehensively under-engineered. Hence the rabbit-season/duck-season schtick.</p>
  16. <h3 id="the-problem">The problem</h3>
  17. <p>These sites are always both under-engineered and over-engineered. Moreover, they are under-engineered <em>because</em> they are over-engineered. <em>That’s the criticism.</em></p>
  18. <p>When the less-is-more web crowd criticises popular frameworks and libraries for over-engineering, it isn’t a criticism per se of their complexity. You generally don’t become a web developer without accepting complexity as a hard requirement of the modern web. We lament that fact all the time, but it’s there and it’s unavoidable. So, again, the criticism <em>isn’t</em> specifically that these sites’ constructions are complex.</p>
  19. <p>To pick a specific example: the problem with an over-engineered form is that the amount of code required to replace <em>no engineering</em> (i.e. native form controls with basic styling) is enormous and almost always only partially successful (i.e. under-engineered).</p>
  20. <p>They are under-engineered because they are over-engineered—tried to replace native controls.</p>
  21. <p>This is the basic argument against most forms of website over-engineering: scroll-jacking, manipulating history with pushState, completely customised form controls, etc.</p>
  22. <p><em>Recreating browser features will almost always be both under- and over-engineered.</em></p>
  23. <h3 id="why-it-wont-be-solved">Why it won’t be solved</h3>
  24. <p>The web developers working in the (well paid) corporate or proto-corporate (i.e. startups) gulag don’t have a choice. The products they work on need features. And tracking. And analytics. And swishy transitions. And manager-pleasing fancy-pants animation. And they need to follow the corporate visual style. And they don’t know what other teams are doing half the time so they need some form of isolation or compartmentalisation.</p>
  25. <p>The web developers who work for small, massively under-funded organisations or individuals don’t have a choice either. It doesn’t matter whether we’re in-house or freelance, we simply don’t have the resources to follow down Facebook’s path. Re-using the methods, libraries, and tactics common among the startup crowd isn’t an option.</p>
  26. <p>Our ‘team small enough to be fed by two pizzas’ is the entire goddamn company, including the accountant.</p>
  27. <p>We simply can’t do what the other crowd does and successfully build and maintain products and services. We can use their methods to ship products but after that things start to fall apart because the maintenance costs of their solutions are simply too high.</p>
  28. <p>So accusing the ‘we have communications problems because the dev team is too big’ crowd of over-engineering will only be met with disdain and mockery. Clearly you are incompetent because you don’t realise that these solutions are almost always under-engineered.</p>
  29. <p>Conversely, being on the other side and facing regular accusations of incompetence and ignorance breeds a fairly healthy disdain for the enterprise/startup side of the scene.</p>
  30. <p>And, yeah, from my perspective enterprises and startups are pretty much only distinguishable in their adoption of server-side tech like AWS Lambda. Their front-end strategies are pretty much identical.</p>
  31. <h3 id="the-only-thing-we-can-do">The only thing we can do</h3>
  32. <p>Maybe it’s time that the web development scene simply accepts that it has fractured into multiple communities, each with different requirements and needs.</p>
  33. <p>Of course, browsers are going to pay undue attention to the enterprise side because they themselves <em>are</em> on the enterprise side. That’s fine as long as they don’t lock the rest of us into re-writing rendering behaviours from scratch using Houdini just to make a basic HTML-rendered web service.</p>
  34. <p>And even though from an outsider’s perspective the enterprise/startup web developer job looks like a huge pain in the arse—mostly dedicated to re-building things the browser already does, just with a ‘this is our brand’ corporate spin—they do also get paid handsomely for their efforts. When they reach my age they’ll all probably own their houses mortgage-free. So, kudos. You do you.</p>
  35. <p>But we don’t all have to walk down the same path in life. And we can’t all make websites the same way.</p>
  36. <p>If, as it’s starting to look like from my perspective, these two communities are incapable of learning from each other, then maybe we should start consider some sort of community divorce?</p>
  37. <p>We get HTML, CSS, and SVG. We love that shit and you just keep stuffing it into the JavaScript sack whenever you are left alone with it.</p>
  38. <p>You get to keep WebGL, Shadow DOM, WASM, React, and Angular.</p>
  39. <p>And we share custody over the bratty toddler—custom elements. They remind us a bit of their parent—jQuery—who always got the job done with a minimum of fuss.</p>