react ui

uiを反応します

React UIの開発は、ワイヤレスクリティカルインフラストラクチャの大手グローバルプレーヤーの1つであるRACOMによって主にサポートされています。

クイックスタートガイド

アプリにReact UIをインストールするには：

1. npmでreact-uiをインストールします。また、 prop-types 、 react 、 react-domインストールされていることを確認してください。

   npm install --save @react-ui-org/react-ui

2. Titillium Webフォントをロードします。

    < link
     href =" https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap "
     rel =" stylesheet "
   />

3. アプリにReact React UI CSSをロード：

    import '@react-ui-org/react-ui/dist/react-ui.css' ;

4. アプリでReact UIコンポーネントをインポートおよび使用します。

    import { Button } from '@react-ui-org/react-ui' ;
   
   < Button label = "My Button" />

ドキュメントにアクセスして、React UIの使用、カスタマイズ、および拡張方法を確認します。

開発モード

開発モードでアプリでReact UIを実行することが可能です。これは役に立ちます。

• 生産モードでは、React UIは非人間読み取り可能なクラス名を使用します。
• ランタイムチェック（すなわち、PropTypes）は、生産モードで抑制されます。

開発モードを有効にするには、アプリのwebpack.config.jsファイルに次のコードを追加します。

 module . exports = ( env , argv ) => ( {
  resolve : {
    alias : {
      // Allow to run react-ui in development mode for easier development.
      '@react-ui-org/react-ui$' : argv . mode === 'production'
        ? '@react-ui-org/react-ui/dist/react-ui.js'
        : '@react-ui-org/react-ui/dist/react-ui.development.js' ,
      '@react-ui-org/react-ui/dist/react-ui.css' : modeArgument === 'production'
        ? '@react-ui-org/react-ui/dist/react-ui.css'
        : '@react-ui-org/react-ui/dist/react-ui.development.css' ,
    } ,
  } ,
} ) ;

次に、 --mode=productionまたは--mode=development flagでWebpackを実行します。

貢献

あなたがするかもしれない貢献に感謝します。

寄付ガイドをご覧ください。貢献ガイドラインとプロジェクトの実行方法に関する情報が含まれています。