rocket ui

？非推奨

このライブラリは非推奨されています。コンポーネントは最新の材料とReactバージョンを使用して再審理されており、Rocket-UIで見つけることができます。

ドキュメントと意味のある例については、GitBookのドキュメントをチェックアウトしてください

---

Rocket-UI（非推奨）

ビットコレクション

高速でフレンドリーなWebアプリケーションインターフェイスを開発するために、材料UIコアの上に構築された、再利用可能で構成可能な反応コンポーネントのセット。

？bitビットレガシーからビットハーモニーバージョンまでの移行ガイドを確認してください。

？インストール

NPMRCはNPM構成ファイルであり、ライブラリを使用するには、このファイルを構成する必要があります。

webAppロケットジェネレーターでプロジェクトが生成されている場合は、この手順をスキップします。 .npmrcファイルは既に構成されています

走る

npm config set @totalsoft_oss:registry https://node.bit.cloud

このコマンドは、root .npmrcファイルにエントリを追加します。存在しない場合は、作成します。

- 1つのコンポーネントのインストール

コンポーネントメインページに移動し、使用するパッケージマネージャーのコマンドを選択します。インストールするバージョンを選択することもできます。

ターミナルでコマンドを実行すると、使用する準備ができています！

npm i @totalsoft_oss/rocket-ui.components.data-display.typography

- 単一のパッケージですべてのコンポーネントをインストールします

プロジェクト内のすべてのコンポーネントを1つのパッケージに入れたい場合。ビットクラウドのコアコンポーネントに移動します。

実行してcoreパッケージをインストールします

npm i @totalsoft_oss/rocket-ui.core

使用法

    import React from 'react'
    import Typography from '@totalsoft_oss/rocket-ui.components.data-display.typography'
    /* example using core package
    import { Typography } from '@totalsoft_oss/rocket-ui.core'
    */

    const App = ( ) => {
        return (
            < Typography variant = 'body2' emphasis = 'bold' >
                "Text"
            </ Typography >
        )
    } 

？コンポーネント構造

各コンポーネントは、その目的に適したセクションにあります。たとえば、すべてのボタン関連コンポーネントはbuttonsフォルダーにあります。すべてのコンポーネントには同じファイル構造があります。 BITで提供される機能である独自のコンポーネントジェネレーターを作成することにより、この構造を実装および実施します。ご覧のとおり、すべてのコンポーネントとrocket-generatorテンプレートを使用して作成されるコンポーネントには、次の構造があります

• index.jsエントリファイル。
• MyComponent.jsメインファイル。
• MyComponent.test.jsテストファイル。
• MyComponent.docs.mdxコンポーネントのドキュメントファイル。
• compositions作曲フォルダー。
  • MyComponent.composition.jsさまざまな状態およびコンテキストでコンポーネントをシミュレートするための構成。

？寄稿ガイド

コンポーネントの管理と貢献にBITを使用します。 BITは、コンポーネント駆動型ソフトウェアを作成するためのオープンソースツールです。

- ビットをインストールします

いくつかの互換性の問題により、PowerShellの代わりにコマンドプロンプトを使用することをお勧めします。

npm i -g @teambit/bvm

bvm install

インストール時にエラーが発生した場合は、トラブルシューティングセクションを確認してください。

- ローカルサーバーを起動します

ビットが正常にインストールされた後、リポジトリをクローンし、最大限にビット機能を使用できます。

コマンドプロンプトbit startと開始localhost：3000ですぐに実行するには。開発環境のためにユーザーインターフェイス全体を構築するため、このコマンドを初めて実行するときに構築するのに時間がかかる場合があります。ローカルサーバーが稼働している場合、すべてのコンポーネントが表示され、それらと対話できます。

bit start

- 既存のコンポーネントを変更します

ニーズに応じてコンポーネントを変更/修正した後、 bit testを実行して、すべてのテストが合格していることを確認し、変更が必要な場合にさらに追加する必要があります。

bit test

また、テストに加えて新しい機能が追加された場合、新しい機能の例も追加する必要があります。例ファイルは、 compositionsディレクトリ内の各コンポーネントディレクトリにあります。

コンポーネントを変更した後、ビット関連の問題をチェックしてbit statusして、UIに最新の変更を加えるためにbit compileする必要があります。

bit status

bit compile

- 新しいコンポーネントの追加

新しいコンポーネントを作成するには、新しいコンポーネントの実装に役立つテンプレートを提供する独自のコンポーネントジェネレーターであるrocket-generatorを使用する必要があります。

bit create rocket-generator components/buttons/my-component

- プルリクエストを開きます

変更/機能/修正が完了し、どのコンポーネントが公開されているか、次のバージョン、およびChangelogメッセージの使用（SOFTオプション）をマークする場合。

bit tag -m " my message " --soft

上記のコマンドを実行した後、 bitmapファイルが変更されているのが表示され、その後、プルリクエストを作成できます。

彼がここで提供するBITおよびその他の機能材料の詳細を読むことができます。

ライセンス

Rocket-UIは、MITライセンスに基づいてライセンスされています。 @totalsoft