mcpField
R
reatom

reatom

github.com/reatom開発1.4k77 回インストール1 日前に更新
リポジトリ

reatom について

Reatom v1001の実装や解説を行う開発者向けのリファレンス型スキルです。付属のREFERENCE.mdをタスク別に案内し、コード規約と関連する専門スキルへの切り替え方を示します。

主な機能

  1. 01トピック別APIリファレンス案内
  2. 02既存コード規約への準拠
  3. 03Atomとcomputed値の既定
  4. 04非同期フローの指針
  5. 05フォームとルーティングのパターン

活用シーン

  1. 01Reatom v1001の機能を実装
  2. 02Reatomの基本概念を説明
  3. 03フォームやルーティングの方法を検索
  4. 04非同期コンテキスト境界に対応

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/reatom/reatom --skill reatom

インストール後、Claude Code で/reatomを入力して読み込まれたか確認します。

同梱ファイルREFERENCE.md

詳細

Reatom

Reatom v1001 を実装または説明する際は、このスキルを使用してください。このスキルに同梱されている正規の API リファレンスとして、REFERENCE.md を参照してください。

使い方

  1. タスクに該当する REFERENCE.md のセクションを読みます。リファレンスと矛盾する場合は、一般的な React/Solid/Vue の状態管理パターンを読み込まないでください。
  2. 対象のパッケージまたはサンプルにある既存コードに従い、命名、ファイル構成、拡張スタイルを合わせます。
  3. 深い非同期フロー(wrap、withAsyncData、withAbort、サンプリング、Suspense)については、reatom-async スキルに切り替えてください。
  4. @reatom/jsx(ネイティブ DOM JSX、mount、props、css prop)については、reatom-jsx スキルに切り替えてください。
  5. プルリクエスト、レビュー、またはエージェントの出力の批判的な検証については、reatom-review スキルに切り替えてください。
  6. ヘルパー、拡張機能、または公開 API の設計、改修、置き換えについては、reatom-api-design スキルに切り替えてください。

セクション一覧

REFERENCE.md の関連する箇所だけを開くには、この一覧を使用してください。

トピックセクション
Atoms、computed、action、effect、extendCore primitives and mental model
クエリとミューテーションwithAsync
await 後/コールバック内の非同期コンテキストwrap rules
コレクション、boolean、route ヘルパーPrimitives quick usage
ネストされたリアクティブフィールドAtomization
Subscribe のエラーコールバックSubscribe error listener
ログ、log.label、log.stateFull SPA example (logging setup)
フック、接続/切断、遅延処理Lifecycle and extension hooks
DOM/外部イベントEvent sampling and orchestration
ホットな導出値Memoization: memo and memoKey
フィールドとバリデーションForms: base usage and reactive validation
SPA ルートとローダーRouting
検索パラメーター、ストレージURL sync and persistence helpers
React Suspense との統合Suspense notes
バッチ更新Transactions notes
テストと SSRSSR and testing
古い Reatom からのアップグレードv3 migration highlights

より詳しいレシピとアダプターのドキュメントは、v1001.reatom.dev の /docs/handbook/* および /docs/reference/* にあります。

実装のデフォルト

  • 名前付きの atoms、actions、computed values、effects を使用します。ファクトリー名には reatom* プレフィックスを付けます。
  • 読み取り:引数なしで呼び出します。書き込み:.set(...) を使用します。
  • 冪等な読み取り:computed(async () => ...).extend(withAsyncData(...))。
  • コマンド/ミューテーション:action(async () => ...).extend(withAsync(...))。
  • Reatom のフレームを抜ける非同期境界:await wrap(promise)。外部コールバック:wrap(fn) を渡します。
  • 派生状態には computed を使用し、副作用には有効期間を明示した effect を使用します(ルートローダー、初期化アクション、またはマウントスコープ。機能実装では、スコープのないモジュールレベルの effect は使用しません)。
  • フォーム(フィールド、バリデーション、送信)には、フィールドごとの atom や送信アクションを独自に作成するのではなく、reatomForm/reatomField を使用します。
  • ルートデータには reatomRoute ローダーを使用し、ナビゲーションには .go(...)、リンクには .path(...) を使用します。

リファレンスとローカルのサンプルが食い違う場合は、リファレンスを優先し、サンプルが誤っていれば修正してください。

コメント