Cybozu Frontend Monthly #19

イベント概要

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

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

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

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

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に移行した話