ReactでSvelteのRunesを使う

著者はVue開発者であり、当初Reactを複雑だと感じ、Svelteのシンプルさを好んでいました。しかし、ReactはMetaに支えられ、大きな求人市場を持つフロントエンド開発の標準となりました。そこで著者は、Svelteの優雅さをReactにもたらすことを決意し、React Runesという実験的なプロジェクトを作成しました。React Runesは、「ルーン」システムを使って、従来のReactの状態管理を簡素化することを目指しており、シンプルさ、エルゴノミクス、パフォーマンス、そして明瞭さを提供します。このシステムには、state、derived、effectという3つの基本的なプリミティブと、強力な$フックがあります。$フックを使用すると、コンポーネントはリアクティブなルーンを消費し、自動的にその値をサブスクライブし、ルーンの値が変更された場合にのみ再レンダリングされます。React Runesは、効率的な状態追跡と最適なパフォーマンスのためのバッチ処理更新のためにzustandを活用しています。著者は、「垂直スライス」アーキテクチャを推奨しており、UI、リアクティブな状態、およびロジックを同じディレクトリ内に配置することを推奨しています。React Runesは実験的なプロジェクトであり、本番環境での使用を意図したものではなく、Reactのエルゴノミクスの限界を押し広げるものです。著者は、GitHubおよびNPMで公開されているこのプロジェクトについて、フィードバック、貢献、および議論を歓迎しています。