web-dev-qa-db-ja.com

HTMLテンプレートを変換して反応させるには？

HTMLアドミンテンプレートをthemeforestから購入しました（ https://themeforest.net/item/limitless-responsive-web-application-kit/13080328?s_rank=1 ）。

MERNスタックサイトを構築しています。このHTMLテンプレートを反応サイトに変換するための最良の方法は何でしょうか。テンプレートをコンポーネントに分解し、ルートを手動で追加し、HTMLをJSXに変換するなどは、面倒な作業のようです。

テーマフォレストで最も人気のある管理テンプレートがフルスタックのJSワールドではなく、jQuery/HTMLワールド用に構築されたため、問題が発生します。たとえば、上でリンクしたテーマのダウンロード数は最大7000です。これらのテンプレートを購入すると、たくさんのHTMLとCSSが提供されます。これらのテンプレートから反応サイトを構築する必要がある場合、HTMLを手動でJSXに変換し、コンポーネントに分解するのは面倒なプロセスです。この問題を解決するためのより良いアプローチがあるかどうか疑問に思います。

reactjsmern
16
Ninja

html-to-react-components を使用できます

より良いアプローチは、htmlをjsxに変換し、react-componentで使用することです。 htmlをjsx here に変換できます。

6
Mritunjay Upadhyay

以下を使用できます。

  1. html-to-react
  2. wix/react-templates

ただし、長期的には、これらのテンプレートを役割が明確に定義されたコンポーネントの細かいセットに分割できる方がよいでしょう。

4
lorefnon

http://www.htmltoreact.com ここで、html構文をjsx（reactjs）構文に変換できます。

0
user2272989