A Rant about Front-end Development - eviltoast

Too good NOT to share.

My brothers and sisters in Christ I want you to know that I care about your souls enough to share these truths with you:

  • You don’t need JavaScript to make a web page.
  • You don’t need JavaScript to write styles.
  • You don’t need JavaScript to make an animation.
  • You don’t need JavaScript just to show content.
  • macniel@feddit.de
    link
    fedilink
    arrow-up
    7
    ·
    5 months ago

    Vanilla JS is perfectly fine to do basic interactive stuff. Data Binding is a bit trickier but can be achieved neatly with Web Components. I like it.

    • maegul (he/they)@lemmy.ml
      link
      fedilink
      English
      arrow-up
      3
      ·
      5 months ago

      Yea, I’m unclear on how you can take web components and still have widespread browser support (not knowing enough about their ins and outs).

      Plain template elements are widely supported and have been for ~10 years (which ideologically matters to me along the same lines as the top post’s article) … perhaps a little bit of hacking together can get you close with just that?

      • macniel@feddit.de
        link
        fedilink
        arrow-up
        3
        ·
        5 months ago

        Every browser released since 2020 supports this (custom elements that is), so I don’t see an issue with browser support.

        You mean the Html template Element? I’ve never really got that to work, but I also never seriously tried.

        • maegul (he/they)@lemmy.ml
          link
          fedilink
          English
          arrow-up
          2
          ·
          5 months ago

          Every browser released since 2020 supports this

          It’s a little paranoid of me, but I like the idea that a basic web app I make can be thrown onto any old out of date machine, where ~2015 or younger seems about right for me ATM.

          You mean the Html template Element? I’ve never really got that to work, but I also never seriously tried.

          Yea. From memory, it’s just an unrendered chunk of HTML that you can select and clone with a bit of JS. I always figured there’d be a pattern that isn’t too much of a cludge and gets you some useful amount of the way to components for basic “vanilla-js” pages, just never gave it a shot either.