설치
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를 불러오려면 해당 경로를 해석하는 빌드 도구가 필요합니다.