I wrote a few simple web apps to speed up production in a few departments at work, and I am loving coding with just Vanilla JS, after years of using React, TS, Vue2, Angular, etc.

But I feel like I have to be missing some tools since Js is older than time.

Here’s my workflow:

  1. Code in VSCode (auto-save)
  2. I built an AHK script that automatically switches to Chrome and hard-reloads the page
  3. Web Dev Tools are open in Chrome.
  4. I find errors in Js, HTML, or CSS and alt+tab back to VS to fix it
  • navigatron@beehaw.org
    link
    fedilink
    arrow-up
    2
    ·
    1 year ago

    A Typescript LSP will catch a ton of js errors for you, even if you’re not doing ts.

    There is a plugin for the browser and the Atom editor called Emmet Livestyle. It’s the only real time preview plugin I have ever found. And I don’t mean reload on save - it would update the loaded page html/css in place with your changes as you typed them. I don’t think it was ported to vscode unfortunately.

    I have also fallen in love with the lit-html library.

  • GnomeOnTheRange@lemmy.world
    link
    fedilink
    arrow-up
    1
    arrow-down
    1
    ·
    1 year ago

    I use ChatGPT to convert jQuery stuff to vanilla js a lot. When I’m updating older Wordpress sites I find a lot of jQuery used for really basic js stuff.

    • erogenouswarzone@lemmy.mlOP
      link
      fedilink
      arrow-up
      1
      ·
      1 year ago

      Why do you need to convert away from jQuery?

      I find it much easier to comprehend than vanilla. Is there a flaw in it or something?

      • GnomeOnTheRange@lemmy.world
        link
        fedilink
        arrow-up
        3
        ·
        1 year ago

        As I’ve gotten better at JavaScript I find it’s a lot easier to accomplish most of the things plugins and themes in Wordpress use jQuery for. Most of the jQuery I’m replacing is simple DOM manipulation.