Oxlintとeslint-plugin-react-hooks 明日から始められそう？

- Oxc, Oxlint, Oxfmtの簡単な紹介
- Oxlint
- typescript-eslint, tscの役割も賄う
- 多くの有名どころのESLint pluginのrecommended ruleを"Built-in Plugin"として用意
- Oxlintとeslint-plugin-react-hooks
- Oxlint Built-in Pluginとしてはeslint-plugin-react-hooksの2つのルールしかまだサポート出来ていない
- 他のルールを使いたい場合、OxlintのJS Plugin機能で導入が可能
- JS Plugin機能
- ESLing pluginをOxlintで利用可能
- 注意点として、Oxlint側のネームスペースとESLint pluginのネームスペースが被る場合、使いたいESLint pluginのネームスペースを任意の名前に変更して使う必要がある
- eslint-plugin-react-hooks を使ってみた
- ルールを手書きで全て書きたくないので工夫
- 問題なく動作
- React Tokyo websiteでは2026.03頃から既に導入済み

Transcript

1. 5FSVIJTB
   
   !UBEFW 0YMJOUͱFTMJOUQMVHJOSFBDUIPPLT ໌೔͔Β࢝ΊΒΕͦ͏ʁ
2. 🍺 🍻 5FSVIJTB 3FBDU
   5PLZP্ཱͪ͛ਓͷҰਓ w ࠷ۙΑ͏΍͕࣌ؒ͘ग़དྷͨͷͰ "*ίʔσΟϯάΛͬ͘͡Γ΍ͬ ͯΈͯɺͳΜͱͳ͘օͷؾ࣋ͪ ʹ௥͍͍͖͓ͭͯͨ͡͞ΜͰ͢
   w ͦΜͳ࣌ɺPYMJOUPYGNUͦ͜"* ίʔσΟϯάʹ͸ඞਢͩͱখࣖ ʹͨ͠ͷͰࠓ೔͸ͦΕΛ3FBDUϓ ϩδΣΫτʹಋೖͨ͠࿩ 🍻 🍻 🍻 🍻 🍺 🍺 🐠 🍣 🎣 🍣 🍣 🍣 🎣 🎣 🎣 🎣 🐠 🐠 🐠
3. 👈
4. 👈
5. 👈
6. IUUQTTQFBLFSEFDLDPNZVH 👈
7. 🆒 0YMJOU
   JT
   
   UP
   
   UJNFT
   GBTUFS
   UIBO
   &4-JOU 
   UZQFTDSJQUFTMJOU
   ✌ 👈
8. 👈
9. 👈
10. ⚛ 👈
12. 👀
13. 👈 ❓
14. ❗❓
15. ✅ 🚧
    🚫 🥲
16. +4
    1MVHJOT
20. 🤔
21. IUUQTSBZTP-:;'& 🎉
22. -FUT
    HFU
    TUBSUFE ͓ΘΓ👋