react ui Download - react ui UI Quellcode herunterladen

react ui

Komponenten von Drittanbietern

v0.57.0

Herunterladen

Reagieren ui

Die Entwicklung der React UI wird größtenteils von Racom unterstützt - einer der führenden Global -Akteure bei drahtloser kritischer Infrastruktur.

Schnellstarthandbuch

So installieren Sie die React UI in Ihrer App:

react-ui mit NPM einbauen. Stellen Sie sicher, dass Sie auch prop-types , react und react-dom installiert haben.
```
npm install --save @react-ui-org/react-ui
```

Laden Sie die Titillium -Web -Schriftart:

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

Laden Sie die UI -CSS in Ihrer App.

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

Importieren und verwenden Sie eine der React UI -Komponenten in Ihrer App:

 import { Button } from '@react-ui-org/react-ui' ;

< Button label = "My Button" />

Gehen Sie zu den Dokumenten, um die React UI zu verwenden, anzupassen und zu erweitern.

Entwicklungsmodus

Es ist möglich, React UI in Ihrer App im Entwicklungsmodus auszuführen. Dies ist nützlich, weil:

Im Produktionsmodus verwendet React UI nicht menschenlesbare Klassennamen.
Laufzeitprüfung (dh ProTTypes) werden im Produktionsmodus unterdrückt.

Um den Entwicklungsmodus zu aktivieren, fügen Sie den folgenden Code der Datei webpack.config.js in Ihrer App hinzu:

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