Creating a tool to rewrite jQuery to vanilla Javascript? Something like rector from PHP.

In PHP ecosystem there is a tool called Rector. It helps a lot in automated refactoring. It helps a lot in updating from a bad design pattern to another, update code to match a given framework updates, etc.

Maybe we could create a similar tool for client side Javascript to migrate away from jQuery to vanilla Javascript. Websites youmightnotneedjquery.com have a good collections of vanilla JS alternatives to jQuery.

While one could do it manually, on larger code bases, it is extremely tedious.

Maybe such tool exists and I am unaware of it?

At first, I thought about having such transformation as an optimization step in the bundler, but this is unnecessarily redundant and might cause a lot of troubles.

11 points · 7 comments · view on lemmy.world

7 Comments

lemmeBe@sh.itjust.works · 3 pts · 1y (4 replies)

I'd give anything for such a tool years ago. Now - j what? 😄

bran_buckler@lemmy.world · 2 pts · 1y (2 replies)

I’ve been out of the game for a few years. What do people use now instead with simple html sites?

lemmeBe@sh.itjust.works · 8 pts · 1y

HTML, CSS, Javascript. Works like a charm for simple sites, and it's very lightweight. Things've progressed a long way in these vanilla's. 😉

Giloron@programming.dev · 4 pts · 1y

A lot of what jQuery provided is built in now. Selectors, AJAX, JSON conversion.

Version 4 is removing those redundant functions to streamline it to just the unique functionality.

dragnucs@lemmy.ml · 0 pts · 1y

Good for you. However many many people are still stuck with ugly ass slow poorly written jQuery code.

bjornsno@lemm.ee · 2 pts · 1y (1 reply)

I believe https://github.com/facebook/jscodeshift is trying to be that tool for the typescript/js world. Doesn't have a mod for removing jquery but should be super doable.

dragnucs@lemmy.ml · 1 pts · 1y

This is awesome. Lookalike would enable code refactoring from jQuery to vanilla.

Thanks a lot!