react ui

Reaja a interface do usuário

O desenvolvimento da interface do reacto é amplamente apoiado pela Racom - um dos principais players globais em infraestrutura crítica sem fio.

Guia de início rápido

Para instalar o React UI em seu aplicativo:

1. Instale react-ui com o npm. Certifique-se de que você também possui prop-types , react e react-dom instalados.

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

2. Carregue a fonte da web de Tithillium:

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

3. Carregar CSS da UI em seu aplicativo:

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

4. Importe e use qualquer um dos componentes da interface do reacto em seu aplicativo:

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

Vá para os documentos para ver como usar, personalizar e estender o React UI.

Modo de desenvolvimento

É possível executar o React UI no seu aplicativo no modo de desenvolvimento. Isso é útil porque:

• No modo de produção React UI usa nomes de classes não legíveis.
• A verificação de tempo de execução (ou seja, os protypes) são suprimidos no modo de produção.

Para ativar o modo de desenvolvimento, adicione o código a seguir ao arquivo webpack.config.js em seu aplicativo:

 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' ,
    } ,
  } ,
} ) ;

Em seguida, execute o webpack com o sinalizador --mode=production ou --mode=development .

Contribuindo

Agradecemos quaisquer contribuições que você possa fazer.

Confira nosso guia contribuinte. Inclui diretrizes de contribuição e informações sobre como executar e desenvolver o projeto.