설치

요구 사항:

• bs-platform@8.3 또는 그 이상
• react@16.8.1 또는 그 이상

리스크립트 프로젝트에 다음 의존성을 추가합니다 (프로젝트가 아직 없는 경우 매뉴얼의 설치 지침를 확인하세요):

npm install @rescript/react --save

그 후 기존 bsconfig.json에 다음 설정을 추가합니다.

{
  "reason": { "react-jsx": 3 },
  "bs-dependencies": ["@rescript/react"]
}

설정을 테스트하기 위해, 소스 디렉토리에 새 .res 파일을 만들고 다음 코드를 추가합니다:

// src/Test.res
@react.component
let make = () => {
  <div> {React.string("Hello World")} </div>
}

이제 npx bsb -make-world를 실행하면 성공적인 빌드를 확인할 수 있습니다.

노출된 모듈

성공적인 설치 후, @rescript/react는 프로젝트 전역 스코프에서 다음 모듈들을 사용할 수 있도록 합니다.

• React: React 바인딩
• ReactDOM: ReactDOM 바인딩
• ReactDOMServer: ReactDOMServer 바인딩
• ReactEvent: React의 합성 이벤트 바인딩
• ReactDOMStyle: 인라인 스타일 API 바인딩
• RescriptReactRouter: 최소한의 메모리가 할당된 단순하지만 완전한 기능을 갖춘 라우터

사용되지 않는 모듈

rescript-react는 역사가 긴 만큼 레거시 호환을 위해 몇 가지 모듈을 계속 유지하고 있습니다. 앞으로 제거되거나 대체될 모듈들은 아래와 같습니다.

• ReactDOMRe -> ReactDOM

실제 사용법과 각 모듈에 대한 내용은 이 문서의 나머지 부분에서 설명합니다.