필요사항

이 튜토리얼에서는 자체 React.js 컴포넌트의 repo를 통합합니다.

Merge에는 다음 기술 설정과 코드 표준이 필요합니다.

Framework - React.js version ^16.0.0에서 작성된 컴포넌트.

Browser - UXPin Merge는 Chrome 브라우저에서 가장 잘 작동합니다.

Bundler - 컴포넌트에 스타일을 결합하는 webpack (version ^4.6.0) config.

디렉토리 구조:

• 하나의 디렉토리에 하나의 컴포넌트가 있습니다.
• 컴포넌트의 파일 이름은 컴포넌트 이름을 정의합니다.

파일 구조:

• Export - 컴포넌트 파일에는 컴포넌트를 Merge로 내보낼 때 기본적으로 필요한 export default가 포함되어야 합니다.
• Dialect - 다음 JS dialect을 지원합니다.
  • JavaScript (PropTypes로 정의된 속성)
  • Flow (types로 정의된 속성)
  • TypeScript (interfaces로 정의된 속성)

전제 조건

• 귀하의 코드는 위의 요구 사항을 준수해야 합니다.
• Javascript 개발 및 관련 툴에 익숙해져야 합니다.
• 귀하와 귀하의 팀이 UXPin Merge 이용을 신청하여 초대 받으셔야 합니다.

이 가이드를 읽는 데 얼마나 걸립니까?

• 환경을 정돈하고 첫 번째 컴포넌트를 렌더링하는 데 30분 이상 걸리지 않습니다.