evangelist

bit.dev のマーケティング コンポーネント

bit.dev マーケティング Web サイトの構築に使用される React コンポーネントの再利用可能なセット。このリポジトリは、コンポーネントを公開するコンポーネントベースのマイクロフロントエンドです。

コンポーネントのコレクション - 選択して使用する

このフロントエンド コードベースのすべてのコンポーネントは、独立して使用可能なコンポーネントのセットとして Bit を使用して作成され、公開されました。コンポーネントを探索してプロジェクトに統合するには、 bit.dev のevangelistスコープを参照してください。

• bbit installを使用して独立したコンポーネントをインストールする
• bbit import使用して、ローカル ワークスペース内のコンポーネントを探索し、独自のニーズに合わせて変更します。
• ドキュメントのライブ プレイグラウンドと「コンポジション」ページでコンポーネントを実際に試してみてください。

これはコンポーネントベースのマイクロフロントエンドです

待って…何？

bit.dev プラットフォームと Web サイト全体は、1 つのモノリシック アプリケーションとして構築されているわけではありません。代わりに、個別に開発され、Bit を使用して公開および統合された、さまざまなコードベースで維持されるコンポーネントから構築されます。

例を見せてください！

bit.dev のホームページをご覧ください。

これは、異なるフロントエンド コードベースに存在するコンポーネントから構築されていることがわかります。

• evangelistコンポーネント (こちら)。
• 基本UIコンポーネント。
• コンテナ アプリケーション (プライベート)。
• 等

Bit を使用して、任意のコードベースのコンポーネントを bit.dev の API セットとして含め、公開し、さまざまなページやアプリケーションに統合できます。例えば：

• bit.dev でevangelistコンポーネントを公開しました。
• bit.dev で Base-UI コンポーネントを公開しました。

主要なコンポーネント

ページ

余白と背景を含む全ページ。サイズが大きいため、ページコンポーネントには詳細なコンテンツを含めず、個々のセクションのレイアウトのみを設定する必要があります。

セクション

個々の領域にはほとんどのコンテンツが含まれており、ページ間で再利用できます。セクションは異なるページの異なるスペースを占める可能性があるため、サイズ変更や背景を避ける必要があります。

コンテンツ

ビジュアル コンポーネントの生データ オブジェクト (MVC のモデルなど)。単一の ui コンポーネントは、さまざまな場所で多くのコンテンツコンポーネントを使用でき、コンテンツはui コンポーネントごとに異なる方法で表示される場合があります。

アトム / 「コンクリート」

このホームページに固有のコンポーネント。アトミック UI コンポーネントとしては依然として抽象的なため、テキストやコンテンツを含めるべきではありません。

設定

1. ビットのインストール: npm install @teambit/bit --global
2. このビット ワークスペースのクローンを作成します: git clone https://github.com/teambit/evangelist.git evangelist
3. ワークスペース ディレクトリに移動します: cd evangelist
4. すべてのパッケージをインストールし、すべてのコンポーネントをインポートします: bbit install
5. ワークスペース UI を実行して、Evangalist コンポーネントを探索します。bbit bbit startて https://localhost:3000 に移動します。
6. 楽しむ！