こんにちは！サイボウズ株式会社フロントエンドエキスパートチームの @nus3_ です。
はじめに
サイボウズでは毎週火曜日に Frontend Weekly という「1 週間の間にあったフロントエンドニュースを共有する会」を社内で開催しています。
今回は、2023/08/01 の Frontend Weekly で取り上げた記事や話題を紹介します。
How React 18 Improves Application Performance – Vercel
React18で新しく導入されたTransitions、Suspense、React Server Componentsなどをパフォーマンスの観点から解説しています。React17以前とReact18のconcurrent renderingでのレンダリングの違いや、React18で導入された新機能が図やサンプルコードと合わせて紹介されています。
i feel bittersweet sharing i’m leaving my job at meta in a few weeks.
ReactチームにいたDanさんがMeta社を離れるとのことです。引き続きReactチームには関わっていくことや、ここ最近は新しいReactのドキュメント作成やコミュニティ周りの活動をされていたとツイートしています。
How Turborepo is porting from Go to Rust – Vercel
Turborepo を Go から Rust へ移行する記事の続編です。TurborepoではGoからRustに徐々に移行する戦略を採用しており、この移行による学びを共有していくれています。良かった点として新しい機能をリリースしながら徐々に移行作業が出来たこと、大変だった点としてOSなどさまざまなコンテキストすべててRustとGoのバイナリが動作するか確認する必要があったことが挙げられています。
Node.jsのv16が9/11でEOLになります
Bunのv0.7.0のリリース
Bunのv0.7.0がリリースされ、Vite, WebWorker, structuredClone, AsyncLocalStorage などが使えるようになりました。
PartyKit
リアルタイムやマルチプレイヤー向けのアプリケーションを作るための SDK が公開されました。このSDKでは、Edge も含めた多様なランタイムや、Yjs のサポートが入っています。
Security alert: social engineering campaign targets technology industry employees - The GitHub Blog
GitHubが「パッケージやリポジトリを利用した攻撃」について注意するアナウンスを出しています。具体的には、開発者や採用担当者になりすました攻撃者が、企業の従業員などを悪意のあるパッケージを含んだリポジトリへ招待し、そのリポジトリをクローンし実行することでウイルスに感染させるという手法のようです。GitHubが行なっている調査や対策、自分たちができること、悪意のあるパッケージやアカウントのリストなどが紹介されています。
Astro 2.9
Astro 2.9がリリースされました。社内ではView Transitionsの機能が話題になりました。この機能はView Transitions APIがサポートされていないブラウザのことも考慮された実装になっています。View Transitionsについてはこちらの記事が参考になります。
Introducing Valibot, a < 1kb Zod Alternative
Zodよりもファイルサイズが抑えられるValibotの紹介です。Zodとは違い、バリデーションの機能をメソッドチェーンではなく関数で提供することでTree Shakingが有効になり、ビルド後のファイルサイズを抑えられるそうです。社内では試しにZodを使ったプロダクトで代わりにValibotを使うとファイルサイズが10分の1程度になったことなどを話していました。
Jotaiで快適フロントエンド開発 | 株式会社ヌーラボ(Nulab inc.)
状態管理をRecoilからJotaiへと移行した際の比較や、Jotaiの使い方が紹介されています。Recoilでは現状、主要なメンテナーがレイオフの対象になって開発が止まっているとのことで、状態管理の技術選定に影響がありそうですね。
Arc from The Browser Company
ブラウザのArcがリリースされ、利用できるようになりました。ナビゲーションにはサイドバーがメインで使われたりSpaceやEasel、ユーザープライバシーを重視していることが特徴として挙げられます。
Building Your Application: Caching
Next.jsのCacheを説明したページがドキュメントに追加されました。Next.jsで利用できるCacheの種類や、どのAPIがどのCacheに影響を与えるのかが図や表で網羅されています。Next.jsでのCacheは種類がいくつかあるので、全体を理解したいときに参考になりそうです。
Build and Ship Astro Sites with Deno and Deno Deploy
AstroのサイトをDenoとDeno Deployを使ってリリースする方法が紹介されています。AstroのSSRを使う場合はテンプレートが用意されており、このテンプレートを使うとDeno KVなどがすぐ使えるようになっています。
Discussion