JSFiddle - React, Tailwind, and code Playground

by Константин Дралюк

HTML

<div id="app">
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
  <li data-js="item"></li>
  <li class="js-item"></li>
 ...

JavaScript

console.time()
console.log(document.querySelectorAll('.js-item'), 'Length of .js-item')
console.timeEnd()

console.time()
console.log(document.querySelectorAll('[data-js="item"]'), 'Length of [data-js="item"]')
console.timeEnd()