React API 개요
컴포넌트 또는 훅을 선택해 API를 확인하세요.
Edge.Styles
Edge.Provider → Edge.StylesEdge.Provider
Edge.Provider → Edge.ProviderEdge.Surface
Edge.Surface → Edge.SurfaceuseLight(options?)
useLight → useLight(options?)light.refresh()
useLight → light.refresh()useSurface(options?)
useSurface → useSurface(options?)렌더링과 클린업
서버에서도 콘텐츠를 렌더링할 수 있습니다. 조명은 클라이언트에서 마운트 또는 하이드레이션한 뒤 시작합니다. 클라이언트 JavaScript가 없는 정적 HTML에서는 조명이 동작하지 않습니다. 클린업 시 Edge가 관리하던 인라인 CSS 변수를 복원하고, 이벤트 리스너와 예약된 프레임을 제거합니다. React StrictMode에서도 다시 설정할 수 있습니다.
Edge.Surface는 서버 HTML에 관련 클래스와 CSS 변수를 포함합니다. useSurface는 하이드레이션 전까지 마크업을 변경하지 않습니다. 위치와 크기 측정, 고정 방향 적용, 포인터 추적은 클라이언트에서 동작합니다.
서버 컴포넌트를 사용하는 프레임워크에서는 "use client"를 선언한 클라이언트 모듈 안에서 Edge를 사용하세요.