インストール
Edge をインストールして React で使い始めます。
インストール
React アダプターには React 18 または 19 が必要です。他のフレームワーク用アダプターはまだありません。
npm
npm install @bolerish/edgeデフォルトのスタイル
React はサーフェスの接続時にデフォルトの CSS を自動で用意します。Edge.Provider を使わずフックだけで接続する場合も、CSS のインポートは不要です。SSR では、アプリのスタイルより前に Edge.Styles をドキュメントごとに一度レンダリングしてください。CSP で nonce が必要な場合は、サーバーとハイドレーションで同じリクエストの nonce を使います。
SSR と CSP
<Edge.Styles nonce={nonce} />CSS を明示的に読み込む場合
@import "@bolerish/edge/style.css";既存の CSS インポートも引き続き使えます。フレームワークに依存せず使える CSS ファイルも提供します。明示的に読み込む場合は、アプリやユーティリティのスタイルより前に配置してください。リセットはさらに前に読み込めます。 パッケージのパスで CSS を読み込むには、そのパスを解決できるビルドツールが必要です。