📝

Weekly Frontend News 2022年6月1週目/ Cypress 10,Chrome 103,Edge Runtime...

2022/06/06に公開

今週はこういう記事を書きました✍
https://zenn.dev/sakito/articles/ddf3ccf85abc50

自分が今週見たフロントエンド記事のまとめ。


Announcing Cypress 10 with Component Testing Beta!

https://cypress.io/blog/2022/06/01/cypress-10-release/

Cypress起動時に使うCypress AppのUIが刷新された。
そして去年からalpha releaseとしてCypressのComponent Testは使えたが、それがbeta版となった。
起動画面からコンポーネントを選択できるようになった。

先日PlaywrightにもコンポーネントテストがExperimentalで導入されたが、こちらはViteで起動する。Cypressはwebpackで起動するので使っているビルダーに差がある。
https://playwright.dev/docs/test-components

Chrome 103 Beta: Early Navigation Hints, a Host of Completed Origin Trials, and More

https://blog.chromium.org/2022/05/chrome-103-beta-early-navigation-hints.html

chrome 103 Betaの更新情報。
103 Early HintsやAbortSignal.timeout()が入る。

The Edge Runtime

https://edge-runtime.vercel.app/

Edge Functionsをローカルで試すライブラリがVercelからリリースされている。

Why most design systems implode

https://storybook.js.org/blog/why-most-design-systems-implode/

Design Systemsはなぜ破綻してしまうのか。それに対してのStorybook活用について説明されている。

histoire-dev/histoire: ⚡ Fast and beautiful interactive component playgrounds, powered by Vite

https://github.com/histoire-dev/histoire

StorybookのVite版のようなもの。いまはVueのみサポートしている。
ちなみに似たようなものでVitebookもある。

Discussion