react rainbow

Réagir l'arc-en-ciel

React Rainbow est une collection de composants qui vous aideront de manière fiable à construire votre application dans un snap. Donnez-lui un piratage et dites-nous ce que vous en pensez.

Caractéristiques

• 90+ composants construits au-dessus de React.
• Exemples interactifs.
• Test de première classe.
• Objets de page wdio.
• Intégration de forme redux.
• Nous avons conçu chaque composant en pensant à I18N.
• L'accessibilité fait partie de notre définition de fait.
• Composants avec typing dactylographié prêt à l'emploi.

? Soutien à l'environnement

Incendier	Chrome	Safari
2 dernières versions	2 dernières versions	2 dernières versions

? Installation

React Rainbow Components est disponible en tant que package NPM.

$ yarn add react-rainbow-components

ou

$ npm install react-rainbow-components --save

⌨️ Utilisation

Voici un exemple rapide pour vous aider à démarrer. C'est tout ce dont vous avez besoin :

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

Oui, c'est vraiment tout ce dont vous avez besoin pour commencer comme vous pouvez le voir dans cette démo en direct et interactive:

Vous pouvez également utiliser des composants individuels à partir de bit:

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

⌨️ Courir localement

1. git clone https://github.com/nexxtway/react-rainbow.git
2. CD React-Rainbow
3. Installation du fil
4. Start du fil
5. Accédez à http: // localhost: 6060 /

Questions

Pour des questions how-to et autres non-issues , veuillez utiliser notre chat gitter au lieu des problèmes de github.

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

? Exemples

Êtes-vous à la recherche d'un exemple de projet pour commencer?

Nous en hébergeons ici.

? Contributif

Nous sommes ravis que vous soyez intéressé à contribuer à ce projet!

Vous pouvez nous aider à améliorer React Rainbow Composants, la première étape pour commencer la collaboration est de créer un problème avant de soumettre une demande de traction. Il est toujours bon de déposer un problème, nous pouvons donc discuter des détails de votre approche ou suggestion.

Voir plus de détails sur la façon de collaborer

⚖️ Licence

La licence MIT régit votre utilisation des composants REACT RAINBOW.