react rainbow

Reaja arco -íris

O React Rainbow é uma coleção de componentes que ajudarão você a criar seu aplicativo com segurança. Dê um hack e deixe -nos saber o que você pensa.

Características

• Mais de 90 componentes construídos sobre o reacto.
• Exemplos interativos.
• Teste de primeira classe.
• Objetos da página do WDIO.
• Integração do Redux-Form.
• Projetamos cada componente com o I18N em mente.
• A acessibilidade faz parte da nossa definição de feito.
• Componentes com digitação de digitação fora da caixa.

? Suporte ambiental

Firefox	Cromo	Safári
Últimas 2 versões	Últimas 2 versões	Últimas 2 versões

? Instalação

Os componentes do Rainbow React estão disponíveis como um pacote NPM.

$ yarn add react-rainbow-components

ou

$ npm install react-rainbow-components --save

⌨️ Uso

Aqui está um exemplo rápido para você começar. É tudo que você precisa :

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

Sim, é realmente tudo o que você precisa para começar como pode ver nesta demonstração ao vivo e interativa:

Você também pode usar o componente individual do 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' ) ) ;

⌨️ Executando localmente

1. Git clone https://github.com/nexxtway/react-rainbow.git
2. CD React-Rainbow
3. Instalação do fio
4. Início do fio
5. Navegue para http: // localhost: 6060/

Questões

Para perguntas how-to e outros non-issues , use nosso bate-papo de gitter em vez de problemas no GitHub.

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

? Exemplos

Você está procurando um exemplo de projeto para começar?

Nós hospedamos alguns aqui.

? Contribuindo

Estamos empolgados por você estar interessado em contribuir para este projeto!

Você pode nos ajudar a melhorar os componentes do Rainbow, o primeiro passo para iniciar a colaboração é criar um problema antes de enviar uma solicitação de tração. É sempre bom apresentar um problema, para que possamos discutir os detalhes de sua abordagem ou sugestão.

Veja mais detalhes sobre como colaborar

⚖️ Licença

A licença do MIT governa o uso de componentes do Rainbow React.