Can we remove jQuery dependency?

[joyously]

Would it be possible to rewrite the script in vanilla JS?

twentytwenty/functions.php

Line 159 in 81b787b

$js_dependencies = array( 'jquery' );

[carolinan]

The plan is to remove jQuery yes.

[LittleBigThing]

This seems to be a fair amount of work, but of course needed.

Is there a plan on how to do this? Maybe we can start summarising the JS driven stuff in this issue and split them out in separate tasks?

• Mobile menu toggle
• Search toggle
• Smooth scroll if needed
• ...

Also, we could start the modifications based on the _s theme's vanilla JS files.

[LittleBigThing]

Some related issues:

• A11y: display close button in the menu panel #27
• async JavaScript, add ability to async and defer #29
• Replace all the href=# links with buttons #66
• Controls that disclose additional content need an aria-expanded attribute: remove aria-pressed #68
• Should the Main Menu and the Search be ARIA modal dialogs? #80
• When closing the modals, focus should be moved back to the "opener" element #81
• Move from jQuery to using Vanilla JS (ES6+) #101

[sgomes]

I'm planning to experiment with a simpler alternative to #101 that skips the build process and implements everything in vanilla ES5. If that turns out to be feasible, it would offer what I expect would be a good developer experience tradeoff: no newer JS features, but easier setup / getting started experience, with no tools involved.

Having two concrete PRs to look at would be a good way of reasoning about which approach we'd rather take, I expect, and I'm always happy to write code and have it thrown it away if it helps to reach a decision 🙂