react rainbow

Reagieren Sie Regenbogen

React Rainbow ist eine Sammlung von Komponenten, mit denen Sie Ihre Anwendung zuverlässig in einem Schnappschuss aufbauen können. Geben Sie ihm einen Hack und teilen Sie uns mit, was Sie denken.

Merkmale

• 90+ Komponenten, die auf React aufgebaut sind.
• Interaktive Beispiele.
• Erstklassigen Tests.
• WDIO -Seitenobjekte.
• Redux-Form-Integration.
• Wir haben jede Komponente mit I18N im Sinn entwickelt.
• Die Zugänglichkeit ist Teil unserer Definition von Fertig.
• Komponenten mit dem Typisieren von Typenschriften für die Typecript.

? Umweltunterstützung

Firefox	Chrom	Safari
letzte 2 Versionen	letzte 2 Versionen	letzte 2 Versionen

? Installation

React Rainbow Components ist als NPM -Paket erhältlich.

$ yarn add react-rainbow-components

oder

$ npm install react-rainbow-components --save

⌨️ Nutzung

Hier ist ein kurzes Beispiel, um Ihnen den Einstieg zu erleichtern. Es ist alles was du brauchst :

 import React from 'react' ;
import ReactDOM from 'react-dom' ;
import { Button } from 'react-rainbow-components' ;

function App ( ) {
    return < Button label = "Hello World!" variant = "brand" onClick = { ( ) => alert ( 'Hello World!' ) } /> ;
}

ReactDOM . render ( < App /> , document . getElementById ( 'container' ) ) ;

Ja, es ist wirklich alles, was Sie brauchen, um loszulegen, wie Sie in dieser live und interaktiven Demo sehen können:

Sie können auch einzelne Komponenten aus Bit verwenden:

 import React from 'react' ;
import ReactDOM from 'react-dom' ;
import Button from '@bit/nexxtway.react-rainbow.button' ;

function App ( ) {
    return < Button label = "Hello World!" variant = "brand" onClick = { ( ) => alert ( 'Hello World!' ) } /> ;
}

ReactDOM . render ( < App /> , document . getElementById ( 'container' ) ) ;

⌨️ lokal laufen

1. Git Clone https://github.com/nexxtway/react-rainbow.git
2. CD React-Rainbow
3. Garn installieren
4. Garn beginnen
5. Navigieren Sie zu http: // localhost: 6060/

Fragen

Für how-to und andere non-issues verwenden Sie bitte unseren Gitter-Chat anstelle von Github-Problemen.

https://gitter.im/react-rainbow-components/community

? Beispiele

Suchen Sie ein Beispielprojekt, um loszulegen?

Wir veranstalten hier einige.

? Beitragen

Wir freuen uns, dass Sie daran interessiert sind, zu diesem Projekt beizutragen!

Sie können uns helfen, React -Regenbogenkomponenten zu verbessern. Der erste Schritt zur Zusammenarbeit besteht darin, ein Problem zu erstellen, bevor Sie eine Pull -Anfrage einreichen. Es ist immer gut, ein Problem einzureichen, damit wir die Details Ihres Ansatzes oder Vorschlags besprechen können.

Weitere Informationen zur Zusammenarbeit finden Sie in der Zusammenarbeit

⚖️ Lizenz

Die MIT -Lizenz regelt die Verwendung von React -Regenbogenkomponenten.