remountダウンロード - remountソースコードのダウンロード

ダウンロード

再マウント

React コンポーネントをどこでも使用できます。
Web コンポーネント (カスタム要素) としての HTML。

デモ ⚡ ドキュメント
2kb gzip 圧縮 · 依存関係なし · IE サポート

再マウントは、npm パッケージリポジトリを通じて利用できます。 React 18 が必要です。

 # npm
npm install remount react react-dom
# yarn
yarn add remount react react-dom

任意の React コンポーネントから始めましょう。ここにその 1 つがあります:

 const Greeter = ( { name } ) => {
  return < div > Hello, { name } ! < / div >
}

カスタム要素を定義するには、 define()を使用します。 <x-greeter>要素を定義しましょう。

 import { define } from 'remount'

define ( { 'x-greeter' : Greeter } )

HTML 内のどこでも使用できるようになりました。 ?

 < x-greeter props-json =' {"name":"John"} ' > </ x-greeter >

⚡ APIドキュメント →

プロジェクトで Remount を検討する理由について、いくつかのアイデアを示します。


	非 SPA アプリへの React の追加 React コンポーネントは、「通常の」HTML サイトのどのページでも使用できます。 Rails または Phoenix で構築されたアプリに React を追加するのに最適です。

	?他のフレームワークとの相互運用性 Remount を使用すると、React コンポーネントを他の HTML 要素と同じように使用できます。これは、Vue、Angular、またはその他の DOM ライブラリ/フレームワークで React を使用できることを意味します。