Webフロントエンドでのリアクティビティからalien-signalsを知ろう

近年のWebフロントエンド開発において「リアクティビティ」という概念が非常に重要になっています。今回は、このリアクティビティにまつわる歴史を辿りつつ、2025年の1月にv1.0となったリアクティビティライブラリである「alien-signals」についてを解説していきます。 リアクティビティとは何を実現するものか そもそも「リアクティビティ」とは何かについてを説明します。 リアクティビティを日本語にすると「反応性」と訳されることがあります。この「反応性」とは、ある状態の変化に対してシステムが適切な対応をすることを指します。 Webフロントエンドにおける「反応性」は、アプリケーションの状態（データ）が変化した際に、その変化を検知し、関連するUIや他の状態を自動的に更新する仕組みのことです。 分かりやすい例としてあげられるのがスプレッドシートのようなUIです。あるセルの値が変更されると、そのセ

[cardboarder]

書いた

[shingo-sasaki-0529]

alien-signals を React で使用するライブラリとか出てどういうことだろうって思ったけど、useSyncExternalStore でシグナルの変更をコンポーネントで購読することでグローバルストアにみたいに使えるようにするのが狙いなのかな。

[efcl]

ReactiveのPush/Pull型について。 Vue 3.6で利用されているalien-signalsについて