react ui

React UI

Развитие пользовательского интерфейса React в значительной степени поддерживается Racom - одним из ведущих глобальных игроков в беспроводной критической инфраструктуре.

Quick Start Guide

Для установки пользовательского интерфейса React в вашем приложении:

1. Установите react-ui с NPM. Убедитесь, что у вас также установлены prop-types , react и react-dom .

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

2. Загрузите веб -шрифт Titillium:

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

3. Нагрузка реагировать пользовательский интерфейс в вашем приложении:

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

4. Импортируйте и используйте любой из компонентов пользовательского интерфейса в вашем приложении:

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

Отправляйтесь в документы, чтобы увидеть, как использовать, настраивать и расширить пользовательский интерфейс React.

Режим разработки

Можно запустить пользовательский интерфейс React в вашем приложении в режиме разработки. Это полезно, потому что:

• В производственном режиме 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' ,
    } ,
  } ,
} ) ;

Затем запустите WebPack с помощью флага --mode=production или --mode=development .

Внося

Мы ценим любой вклад, который вы можете внести.

Пожалуйста, ознакомьтесь с нашим руководством. Он включает в себя руководящие принципы взносов и информацию о том, как запускать и разрабатывать проект.