こんにちは、AI Shiftフロントエンドエンジニアの栗崎(@KK_sep_TT)です。
AI Shiftでは週に1回フロントエンドトーク（フロントエンドに関する情報共有会）を行なっています。今月も様々なジャンルの技術に関する話題があったので共有したいと思います。
先月の内容はこちらです！
Web、ネイティブ両対応のUIフレームワーク Tamagui
Web (React) と ネイティブ (React Native) の両方で動作する UI ライブラリです。
React を使う開発でWeb、ネイティブ両方の開発を行う場面で重宝しそうです。
signals がTC39プロポーザルに提出された
solid.js, qwik など、最近様々なライブラリで実装されているsignalsですが、JS標準に取り込まれるかもしれません。
この提案の背景として、
- リアクティブモデルをレンダリングビューから完全に切り離し、開発者が非UIコードを書き換えることなく異なるライブラリに乗り換えられるようにする
- 異なるライブラリで使用できる共有リアクティブモデルをJSで開発できるようにする
ということが書かれています。
アプリ開発者が直接signalsを触るというよりは、主にライブラリ開発者が使用することを想定しているそうです。
フロントエンドにおけるフィーチャーフラグ標準化のための「OpenFeature Web SDK v1」がリリース
OpenFeature プロジェクトを進めるCloud Native Computing Foundation」（CNCF）が新たにWebアプリケーションのフロントエンド側におけるフィーチャーフラグの標準化を目指すソフトウェア「OpenFeature Web SDK v1」をリリースしました。
低速なネットワークを考慮したキャッシング機能や、フラグ値が古くなったことをアプリケーションに通知するためのイベントやコールバックの仕組みが用意されており、フロントエンドに特化したものになっているそうです。
jsx が高速になるらしい
React 19 から refの予約語をpropsから削除する必要がなくなり、ほとんどのケースでpropsが変更される心配がなくなりました。そこでpropsのcloneの必要もなくなり高速化が実現しました。React 19 ではこの他にも様々な高速化があるので楽しみです。
Vercel（v0など自身のサービス）がエッジ（Vercel Edge Functions）でのSSRをやめた
Edgeがdatabaseから遠く、データ取得に時間がかかってしまったことが主な原因だそうです。
FigmaからReact component を自動生成するサービス「QUEST AI」
拡張性の高いReactコンポーネントを素早く、簡単に生成できることが強みらしいです。
Figma Code Connect
実際のコード上のコンポーネントとFigma上のデザイン・システムを接続することができます。
今はベータ版でReactとSwiftUIをサポートしています。
React のルール
React を書く上で守るべきルールについてまとめてあります。特にコンポーネントとフックを純粋に保つためのルールが丁寧に書かれています。
Next.js 14.2 リリース
Turbopack の local でのパフォーマンス向上、build, cacheのパフォーマンス向上、hydration error message の改善などが含まれています。
Discussion