GSTJ/magic-modal：README に基づく導入ガイド

GSTJ/magic-modal の README はプロジェクトを「A magic modal you can await from anywhere: React Native, Expo, and the web. 🦄」と説明しています。ここではリポジトリで確認できる事実だけを整理します。star 数やバッジは注目度の手掛かりであり、品質の証明ではありません。「How it works」には次の説明があります。1. MagicModalPortal owns the modal stack. Mount it once, near the root. 2. magicModal.show() pushes one entry and returns an awaitable handle. 3. useMagicModal().hide(data) closes that entry with typed data. 4.。これは範囲の説明であり、本番検証の結果ではありません。

README の「Installation」にある内容から、用途が合うかを先に判断できます。README 没有列出这一项具体能力。。目的が違うなら、人気だけで採用する理由にはなりません。プロジェクト名やコマンドは原文のまま残し、一次資料へ戻って用語を確認できるようにしています。 README には次の確認可能な項目もあります。README 没有列出这一项具体能力。。初回テストの材料にはなりますが、実際の環境での確認を省略する理由にはなりません。

動作の説明は「How it works」など複数の箇所に分かれています。確認できる情報は次の通りです。const { promise, modalID, update } = magicModal.show(...) still works; promise is a deprecated alias of the handle itself.。書かれていない構成、性能、セキュリティを推測で補いません。導入時はディレクトリ、設定ファイル、release 履歴を確認してください。

初回導入は README の入口から始めます。確認できるコマンドは次の通りです。 pnpm add magic-modal npx expo install react-native-gesture-handler react-native-reanimated react-native-worklets react-dom react-native-web @expo/metro-runtime 実行可能なコマンドがない場合は手順を作らず、「Installation」で依存関係、待受ポート、初回設定を確認します。

日常運用は公式文書の範囲に限ります。「How it works」にはEvery stack entry keeps its own component, configuration, ID, and promise. A second show() call can open above the current modal without mixing their results.とあります。設定、環境変数、権限、データ保存先は明記されたものだけを扱います。未記載の既定値は隔離環境で確認し、戻せる設定を保存してください。 同じ資料にはREADME 没有列出这一项具体能力。ともあります。

制約も確認が必要です。現在の資料からは、GSTJ/magic-modal の互換表、性能基準、サービス保証、長期サポートを確認できません。README の記載は「Expo chooses versions compatible with the installed SDK.」です。不明点は採用記録の検証項目として残し、断定に変えないでください。