React API の概要

Edge.Styles

Edge.Provider

Edge.Surface

useLight(options?)

light.refresh()

useSurface(options?)

レンダリングとクリーンアップ

コンテンツはサーバーでもレンダリングできます。照明はクライアントでのマウントまたはハイドレーション後に開始します。クライアントのJavaScriptがない静的HTMLでは照明は動作しません。クリーンアップ時に管理対象のインラインCSS変数を復元し、リスナーと保留中のフレームを削除します。React StrictModeでも再セットアップできます。

Edge.Surface はサーバー HTML にクラスと CSS 変数を含めます。useSurface はハイドレーションまでマークアップを変更しません。形状の計測、固定方向の適用、ポインターの追跡はクライアントで実行します。

サーバーコンポーネントを使うフレームワークでは、"use client" を宣言したクライアントモジュール内で Edge を使ってください。