react ui

反應UI

React UI的開發在很大程度上得到了種族的支持，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. LOAD REECT 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。這很有用，因為：

• 在生產模式中，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標誌運行WebPack。

貢獻

感謝您可能做出的任何貢獻。

請查看我們的貢獻指南。它包括有關如何運行和開發項目的貢獻指南和信息。