RSS

Chrome拡張からjQueryから脱却した話

自作のChrome拡張を改良するときにjQueryを使わないようにした。随分とコードがきれいになった。

3年ぐらい放置していたChrome拡張があったのだが手を入れようと思った。Reactにするのが目標だったがその過程でjQueryも排除しようとした。そのあたりの感想。

  • $(document).readyはdocument.addEventListerなどで書き直せる。しかし最終的にReactにしたらそれすら不要になった。
  • cssセレクターはdocument.querySelectorAllで良くなった。
  • xpathはjQueryのXPath拡張ライブラリを使っていたがこれもdocument.evaluateで良くなった。Nodeにするのは一旦変換するのがちょっとだけ手間ではある。
  • cssの設定もe.style.background = 'red' などで済むようになった。
  • jQueryでやっていたイベントハンドリングとか状態管理とか意味不明なコードはReactで全てきれいに書けた。

ということでもうjQueryはいらない。