react ui下载 - react ui源代码下载

react ui

三方组件

v0.57.0

下载

反应UI

React UI的开发在很大程度上得到了种族的支持，Racom是无线关键基础设施领域的全球领先参与者之一。

快速启动指南

在您的应用中安装React UI：

使用NPM安装react-ui 。确保您还安装了prop-types ， react和react-dom 。
```
npm install --save @react-ui-org/react-ui
```

加载Titillium Web字体：

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

LOAD REECT REACT UI CSS在您的应用中：

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

导入并使用应用程序中的任何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' ,
    } ,
  } ,
} ) ;