Frontend Weekly 2023-12-01

Biome v1.4.0 - Biome formatter wins the Prettier challenge#

2023 年 11 月 27 日に Biome v1.4.0 がリリースされました。

Biome formatter wins the Prettier challenge

Prettier を Rust で書き換えたプロジェクトに報奨金$20k を支払うプログラムは Biome が勝ち取りました。

https://prettier.io/blog/2023/11/27/20k-bounty-was-claimed

Biome v1.4.0 では、JS/TS/JSX のフォーマットが 96%以上 Prettier 互換になりました。

Storybook 7.6#

2023 年 11 月 29 日に Storybook 7.6 がリリースされました。

Storybook 7.6

Storybook 8 に向けたパフォーマンスや UX の改善が行われています。Webpack プロジェクトでは、Babel から SWC へ移行することで、start time が 50%以上短縮されます。

1
export default {
2
  framework: {
3
    name: "@storybook/your-framework", // react-webpack5|next|vue-webpack5|etc
4
    options: { builder: { useSWC: true } },
5
  },
6
};

テストの改善も行われています。@storybook/test は Jest ではなく Vitest の expect を利用するようになりました。またテストモード --testにより、docgen 分析の実行やドキュメントのコンパイルなどを省いてテストを実行することが出来るようになりました。

Getting started with CSS container queries | MDN Blog#

MDN による CSS の Container query の紹介記事。基本的な使い方が丁寧に解説されている。

https://developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/