UXPin Merge에서 자체 React.js 컴포넌트를 통합연결하고 싶다면 여기에서부터 시작입니다. 이 튜토리얼 페이지에서는 GIT 저장소를 통합연결하고 UXPin Merge에서 테스트하는 프로세스에 대해 설명합니다.

uxpincommunity_84016f04-1407-404b-9a3e-49d5c2e53a9c_header_gif_tech_merge.avif

두가지 종류의 단계별 가이드를 준비했습니다.

• 보일러플레이트 리포 (Boilerplate Repo)로 시작하기 - Merge 기술의 세계에서 첫 발을 디디기에 가장 이상적인 방법입니다. JavaScript에 익숙하지 않더라도 개발 환경과 샘플 디자인시스템을 시작할 수 있습니다.
• 자체 제작한 컴포넌트로 통합하기 - 직접 구축한 자체의 컴포넌트와 Merge 간의 통합에 중점을 둔 고급 튜토리얼입니다. 현대적인 JavaScript 경험이 있는 분들에게 추천합니다.

FAQ

1. 어떤 CSS 접근방식이 지원됩니까? Merge는 CSS에 의존하지 않습니다. 순수한 CSS, Sass, Less, Styled Components, Emotion... 어떤 것도 사용할 수 있습니다. UXPin Merge는 JS와 CSS의 컴파일 된 버전을 렌더링합니다.
2. Web Components 또는 Angular를 사용할 수 있습니까? 현재 Merge는 React.js만 지원합니다. Web Components 및 Angular에 대한 React wrappers를 사용해 볼 수 있습니다. Web Components용 React.js wrappers로 구성된 RMWC 디자인시스템을 성공적으로 통합했습니다.