📝
Weekly Frontend News 2022年4月3週目/react-testing-libraryにrenderHookが追加、など
寒くなったり暑くなったりして大変ですね。体調にお気をつけて。
自分が今週見たフロントエンド記事のまとめ。
react-testing-libraryにrenderHookの追加、react-hooks-testing-libraryが非推奨へ
react-testing-library v13.1でrenderHook
が追加された。
これにより、react-hooks-testing-libraryの大部分の機能がカバーされるので、react-hooks-testing-libraryを非推奨としてアーカイブする予定とのこと。
RFC: New Bundler in Gatsby
Gatsbyがwebpack以外のバンドラーを模索中とのこと。
さまざまなバンドラーのベンチマークをしているbundler-benchmarkingも紹介されていて気になるところ。
Storybook Lazy Compilation for Webpack
コアな部分をコンパイルしてStorybookの表示を早くし、Story表示時に該当Storyをコンパイルして表示するlazy compilationの機能紹介。
自分のプロジェクトで試したところ、3~4倍起動が早くなった。
kintoneの内部を(こっそり)Reactに置き換えるチームがあるってホント?
大規模なサービスをReact化しているチームの紹介。
Lexical
Metaが公開したテキストエディタのOSS。
Core部分は独自のDOM Reconcilerが存在し、React非依存になっており、@lexical/react
を使用してReactで使用できるぽい。
Meta社内はdraft-jsからlexicalに全面移行しているとのこと。
Storybook Connect
FigmaとStorybookを繋ぐFigma plugin
Building a dialog component
<dialog>
の基本から、ダークモードや属性によるスタイルの変更などの解説。
Discussion