Vanilla JS Coders, what are some killer tools you use?
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
navigatron @beehaw.org - 2.4yr
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.
2
erogenouswarzone - 2.4yr
Didn't atom get taken over by something else, and it's not supported anymore?
1
GnomeOnTheRange @lemmy.world - 2.4yr
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.
0
erogenouswarzone - 2.4yr
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?
1
GnomeOnTheRange @lemmy.world - 2.4yr
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.
erogenouswarzone in webdev
Vanilla JS Coders, what are some killer tools you use?
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:
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.
Didn't atom get taken over by something else, and it's not supported anymore?
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.
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?
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.