Cybozu Frontend Monthly #19

イベント概要

サイボウズフロントエンドマンスリー は、サイボウズ社内で行っているフロントエンド情報共有会「フロントエンドウィークリー」の公開版です。

その月に気になったフロントエンドの情報を、サイボウズのフロントエンドエキスパートチームのメンバーが共有していきます。

このイベントのハッシュタグは #サイボウズフロントエンドマンスリーです。

毎週火曜の 17:00 〜 18:00 で社内向けに行っているフロントエンドの気になる記事を紹介する会です。2016年3月15日から行われています。
ハッシュタグ #サイボウズフロントエンドウィークリーで実況しています。

zennのpublicationにてウィークリーのまとめも投稿していますので、ぜひこちらもご覧ください。 https://zenn.dev/p/cybozu_frontend

2022年01月25日

今月初旬話題に挙がった faker.js の騒動について、コミュニティ主導で代替ライブラリの開発を行う faker-js プロジェクトが発足しました。

彼らはこれまでに v6 Alpha 版までのリリースや TypeScript への書き換え、ドキュメントの整備等を実施しました。また、今後も ESM サポートやプレイグラウンドの作成といった開発も継続的に実施していくそうです。

資金については現在、Open Collective と連携管理されています。

2 月に Vue 3 がデフォルトのバージョンになります。

今までインストール時などに next とつけていたものが必要なくなり、npm install vueをすると Vue 3 がインストールされるようになります。

これは周辺のライブラリも同様で、デフォルトで Vue 3 系のものがインストールできるようになります。

もし各パッケージのバージョン指定をlatestとしている場合、そのままだと Vue 3 系のものがインストールされてしまうので、Vue 2 系と互換性があるバージョンを指定するように変更が必要です。

JavaScript をはじめとしたいくつかの言語のコードフォーマッターである Prettier が、メンテナーに対して報酬の支払いを始めました。

Prettier は 2019 年から OpenCollective 上で寄付を募っていて、$50000 以上が集まりました。この資金から二人のメンテナーに $1500 毎月ずつ配ることを決定しました。

2021 年の GitHub スター数で比較したランキング記事です。 2021 年になにが人気を集めたのかわかります。

2021 年に動向を追えてなかった人は一気に振り返れるコンテンツです。個人的にも知らなかったものがちらほらあり、面白かったです。

React を取り巻く状態管理の潮流を学ぼう。Hooks や Server Components などの登場で何が変わるか
「3 種類」で管理する React の State 戦略
- React における状態を、1.サーバーデータのキャッシュと 2.Global State と 3.LocalStage し、それぞれのやり方で管理しましょうねという記事
State of Storybook 2021
- 2021 年の Storybook まとめ
Pico.css • Minimal CSS Framework for semantic HTML
- class を使わない CSS フレームワーク
Cheat Sheets
- TS 公式のチートシート
Remix vs Next.js
- Remix 公式の比較記事。
How we migrated 541 components from Styled Components to Emotion with zero bugs
- storybook 周りのものを emotion に移行した話