react ui

Réagir l'interface utilisateur

Le développement de l'interface utilisateur React est largement soutenu par Racom - l'un des principaux acteurs mondiaux de l'infrastructure critique sans fil.

Guide de démarrage rapide

Pour installer une interface utilisateur React dans votre application:

1. Installez react-ui avec NPM. Assurez-vous que vous avez également installé prop-types , react et react-dom .

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

2. Chargez la police Web Tittillium:

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

3. Chargez REACT UI CSS dans votre application:

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

4. Importez et utilisez les composants de l'interface utilisateur React dans votre application:

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

Dirigez-vous vers les documents pour voir comment utiliser, personnaliser et étendre REACT UI.

Mode de développement

Il est possible d'exécuter une interface utilisateur React dans votre application en mode développement. Ceci est utile car:

• En mode de production, REACT L'interface utilisateur utilise des noms de classe non lisibles par l'homme.
• La vérification d'exécution (c.-à-d. Les propypes) sont supprimés en mode de production.

Pour activer le mode de développement, ajoutez le code suivant au fichier webpack.config.js dans votre application:

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

Ensuite, exécutez WebPack avec --mode=production ou --mode=development .

Contributif

Nous apprécions toutes les contributions que vous pourriez faire.

Veuillez consulter notre guide de contribution. Il comprend des directives de contribution et des informations sur la façon d'exécuter et de développer le projet.