Just getting into JS

Clearly, the solution is to write another layer of abstraction to unite them all.
- xkcd_927.jpg
  
  Is this the one with the competing standards? Are we having a meta meme now?

The trick to writing a JavaScript web app is that first you consider literally any other technology to solve your problem and only then consider using javascript.
- The 15+ electron apps on my devices would like a word with you. I think I dislike JS more as a user than a dev because at least Typescript exists now.
- Exactly.
  I've followed that guidance faithfully, for decades, and...now I'm a JavaScript expert.

To any non-js dev taking this too seriously: A good half of the technologies mentioned in this meme are redundant, you only need to learn one of them (in addition to the language). It's like complaining that there are too many Linux distributions to learn: you don't, you just pick one and go with it.
- Part of the problem is choosing from those options (when you have a choice). Open-ended questions like that nuke my productivity when starting a project because I spend more time researching and weighing options than actually programming.
  As time has gone on, I've increasingly become a fan of restricting how many ways devs can do something.
  you just pick one and go with it.
  Might be my ADHD, but I can never just do that. But I posit that excess choice hurts feature development pace by wasting effort on reinventing the wheel.
  A good example is the Nix ecosystem:
  Nix expression language provides almost no constraints, leaving users to do the same things in a bunch of ways, and preventing a clear notion of which way is generally best from arising...which makes upstream super conservative with implementing new features the community wants, because any decision might break one those things. Leaving us with a 5+ year old "experimental" feature + CLI used by 80% of users, but no consensus on an official implementation. So many simple upstream changes become a series of 3 competing community projects providing a solution for that feature, further preventing consensus.
  
  I spend more time researching and weighing options than actually programming.
  It's called Analysis Paralysis caused by Overchoice. Basically, the more similar options there are, the harder it is to pick.
  
  It's true that you can easily fall into analysis paralysis when you start learning JS, but honestly things have somewhat stabilized in recent years. 10 years ago everybody was switching frameworks every 6 months, but these days we're going on 8+ years of absolute React dominance. So I guess that's it for the view layer.
  The data layer has seen some movement in more recent years with Flux then GraphQL / Relay, but I think most people have settled on either Apollo or react-query now (depending on your backend).
  On the backend there was basically only express.js, and I think it's still the king if you only want to write a backend.
  Static websites came back in fashion with Jekyll and Github Pages so Gatsby solved that problem in js-land for a while, but nowadays Next also fulfills that niche, along with the more fullstack-oriented apps.
  Svelte, Vue, Aurelia and Mithril are mostly niche frameworks. They have a dedicated, vocal fanbase (see the Svelte guy as sibling to your comment) but most of the industry has settled along the lines I've mentioned.
  
  This is exactly why I always tell myself it'll be super fun and easy to replace a Linux distro on one of my machines, and I do the fun part of balancing release style, desktop environment, all the shiny stuff....know what stops me dead in my tracks upon install?
  Deciding a file system. Because it feels like such a weighty decision with far-reaching effects.
  According to internet research, they're all the right one, they're all the wrong one, they're all just fine, and don't use any of them because they'll wipe all your data. Lol
  Your documentation on file system choice is either anecdotal or engineering-masters-thesis, seemingly no in-between.
  I've just decided BTRFS with snapshots is great, and keep good enough backups that I shouldn't have to fiddle with the fanciest deep-knowledge features to save my system.
  Might be my ADHD as well. XD
  
  I want to add that, like you, I've become a big fan of restricting the numbers of ways to do something.
  IMO, It's more time wasted choosing, more time wasted reviewing, and makes it easier to overlook errors. I want more opinionated languages and frameworks.
  
  I feel the same way. Designing good, opinionated APIs is HARD, but it also provides the best experience for both the author and the consumer.
  Prettier is the undisputed king of JS formatters because it has no options by design. You set and forget.
  One of the reasons iOS is so successful is because they lock down their APIs and put strict standards on apps, making it hard to write something that doesn't at least look good and slot into the OS well.
  Among other examples.
- ... until you run into a problem which you can't figure out on your own. Then you search the web, and only find how to do it with Y, instead of the technology you used which is called X. So after determining that you're truly stuck, you switch to Y. Until you get stuck again, you search the web, and can only find how to do it in Z. And everyone online tells you you're stupid to use X or Y in the first place. And the cycle continues.
  This is why I gave up on being a web developer and stayed far away from JS.
  
  I came from a cpp background and loved it the moment I saw it. Like, you mean I just go var foo = ... and then I can put anything? No type casting?? No types??? Finally, I was free.
  But I've always been more of a hacker than a real programmer. I've since learned that there are advantages to using types, static checking, etc...
- Exactly, you just have to pick SvelteKit
- Yeah all of them are converging on WebComponent so really its all interchangable and eventually, WebComponent will replace the need for them.
  Kinda like how we slowly made all of jQuery part of ECMAScript 5. Now I know what you're thinking: kingthrillgore, if ES5 has all the functionality, why do we still see a big chunk of CPU time lost when jQuery is loaded in the webpack? And to that I would reply...yes, yes we do! 😂😭
- To any non-js dev taking this too seriously: A good half of the technologies mentioned in this meme are redundant, you only need to learn
  how to stay the fuck away from webdev
  (in addition to the language).

JavaScript is crazy. While you are learning React.js or Vue.js you are learning Webpack, Rollup or Vite.js even without your consent :skull:
- C is crazy. While you are learning it you are learning Make and gcc without your consent.
  Java is crazy. While you are learning Spring you are learning Maven or Gradle even without your consent.
  
  All of these bring me a sense of dread, each in a unique way.
  Java I have a special loathing for, but the ecosystem isn't too wild, just verbose and so XML heavy.
  JS is its own hell because of the sheer number of permutations of technologies a given project will use. There's always at least one nonstandard framework or tool lingering around from an old trend.
  Python reimplemented the same dep management wheels 5x each, and I have no idea what common stacks look like anymore, but every time I encounter Python projects, something is always broken.
  C is nice and easy from what I've used (just GCC & make), but idk what complexity arises in bigger projects.
  Just so glad I'm not a webdev anymore and work with mostly just Rust, cargo, and containers.
- PHP is crazy. While you are learning Laravel or Drupal you are learning the deep seated desire to shoot yourself over the lack of consistent use of type hinting, regardless of consent. :skull:
- Also missing SASS/SCSS/Tailwind, bootstrap, and Babel
  
  I like Tailwind. It makes me not write CSS or any preprocessor DSL. It's nice.
- Preact is actually usable without build tools. It can be loaded like the good ol' jQuery in modern browsers.
  
  Good ol' jQuery - never thought I'd hear that

Isn't it great? And it all lets you shoot yourself in the foot equally as bad, if you misunderstand the frameworks' design principles
- Some let you shoot with a shotgun, some with an assault rifle, some with an elephant gun. It's so fun to choose!
  
  Some even turn the safety off for you

Writing plain old JavaScript without a library or framework is nice while you’re learning. Too many people will learn a single framework and not have any idea what the underlying APIs are, so the transferable skills are minimal.

my favorite JS framework is HTMX for making me write less JS or even none at all.
- I do a lot of systems and backend programming and HTMX is the only way I can actually be productive with frontend work when I have to do it. It's so simple and straightforward.
- Me too! I've been working with JS for more than 10 years but HTMX + Go has been a welcome transition.
  
  Wait are people writing Go for frontend code now? Or do you mean just replacing the node back end with Go?
- I've heard nothing but good things about HTMX. I might have to play around just to get a feel.
  
  I’ve heard nothing but good things about HTMX
  I've only ever heard anything "bad" about HTMX and it was here on Lemmy, actually. I ran into someone who was absolutely certain that HTMX was unsafe by design because it leveraged HTML over the wire and was therefore susceptible to HTML injection attacks, specifically by injecting malicious scripts that could be ran from domains you didn't control. I tried explaining that proper utilization of access-control headers innately prevented this because they worked on the browser level and couldn't be intercepted or interfered with by HTML injection by design, but he kept insisting it was unsafe while refusing to elaborate. He was very wrong, of course, but also very confident.

Vanilla might not be good in a lot of things... Ice cream... Se... But here it is pretty nice!
- http://vanilla-js.com/

A meme about all the various JS frameworks there are and the one I'm currently using isn't even in it. JFC, what am I doing?
- Can anyone guess what it is? My guess is SolidJS
  
  Not yet but I've looked into it.
  I guess a hint is that is probably barely a JS framework and it's for static sites.

Just use JQuery (with a PHP backend)
- I unironically did for production apps (some of which that are still running). The last thing I did with JS was vanilla. I'm a simple person.
  
  Well, if it gets the job done. I'd only argue about maintainability there maybe, as other devs get involved.
  In my final apprenticeship work, I also only used vanilla php and argued that it would take too much time in this project to evaluate and learn a framework and that I know the vanilla way pretty good, so it's valid this way around.
- Every person I know who used JQuery seems to really miss it. My only impression of it is that it looks goofy. Similar for PHP, but my only experience with it is Nextcloud causing me nightmares.
  
  I used to use JQuery (and I still do occasionally when doing scripts for WordPress where its included natively), but modern vanilla JS has solved 90+ % of the reason why we needed JQuery back then.
- That's what I did and I loved it. jQuery, some jQuery API, some dataTables, my backend in C# and off I go! Not perfect, but really enjoyable. Also SCSS is wonderful and I'm never going back.