A place for everything about web development

672 readers

3 users here now

founded 5 years ago

MODERATORS

antimatroid@lemmy.ml

Vanilla JS Coders, what are some killer tools you use? (lemmy.ml)

submitted 1 year ago by erogenouswarzone@lemmy.ml to c/webdev@lemmy.ml

4 comments fedilink hide all child comments

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:

Code in VSCode (auto-save)
I built an AHK script that automatically switches to Chrome and hard-reloads the page
Web Dev Tools are open in Chrome.
I find errors in Js, HTML, or CSS and alt+tab back to VS to fix it

top 4 comments

sorted by: hot top controversial new old

[–] navigatron@beehaw.org 2 points 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 0 points 1 year ago (1 children)

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.ml 0 points 1 year ago (1 children)

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 3 points 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.