Rule proposal: `no-query-selector-all-zero`

Avoid selecting an entire NodeList when only the first item is desired.

Fail

document.querySelectorAll("form")[0].addEventListener("submit", submitFunction);

Pass

document.querySelector("form").addEventListener("submit", submitFunction);

[sindresorhus]

Another fail:

document.querySelectorAll("form").at(0).addEventListener("submit", submitFunction);

[fregante]

document.querySelectorAll('[data-foo=2]')

The number needs to be quoted.

I’m not sure you’d want to venture into validating CSS selectors, but if you do, this would probably deserve its own rule or even its own plugin.