自分で作った、独自のReact.jsコンポーネントをUXPin Mergeで統合する方法をご紹介します。このページでは、リポジトリを統合した上でUXPin Mergeでテストするプロセスを説明します。

Creating a library.mp4

2つの方法があります：

• ボイラープレートレポで始める - Mergeテクノロジーの初心者の方に最適です。JavaScriptの経験が少なくても、UXPinの開発環境とサンプルデザインシステムを使い始めることができます。
• 独自のコンポーネントでの連携 - 独自コンポーネントと Mergeとの統合に焦点を当てた上級チュートリアルです。JavaScriptの経験がある方にお勧めです。

よくある質問

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 Wrapperを試すことができます。UXPinは、Webコンポーネント用の React.js Wrapperで構成されたRMWCデザインシステムの統合に成功しました。