react rainbow

Reaccionar arcoiris

React Rainbow es una colección de componentes que lo ayudarán de manera confiable a construir su aplicación en un complemento. Dale un truco y háganos saber lo que piensas.

Características

• Más de 90 componentes construidos sobre React.
• Ejemplos interactivos.
• Prueba de primera clase.
• Objetos de página WDIO.
• Integración de forma redux.
• Diseñamos cada componente con i18n en mente.
• La accesibilidad es parte de nuestra definición de hecho.
• Componentes con mecanografía mecanografiada de casa listas para usar.

? Soporte ambiental

Firefox	Cromo	Safari
Últimas 2 versiones	Últimas 2 versiones	Últimas 2 versiones

? Instalación

React Rainbow Components está disponible como un paquete NPM.

$ yarn add react-rainbow-components

o

$ npm install react-rainbow-components --save

⌨️ Uso

Aquí hay un ejemplo rápido para comenzar. Es todo lo que necesitas :

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

Sí, es realmente todo lo que necesitas para comenzar como puedes ver en esta demostración en vivo e interactiva:

También puede usar un componente individual 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' ) ) ;

⌨️ Ejecutando localmente

1. Git clone https://github.com/nexxtway/react-rainbow.git
2. CD React-Rainbow
3. instalación de hilo
4. Inicio del hilo
5. Navegue a http: // localhost: 6060/

Preguntas

Para preguntas how-to y otros non-issues , use nuestro chat Gitter en lugar de problemas de GitHub.

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

? Ejemplos

¿Está buscando un proyecto de ejemplo para comenzar?

Organizamos algunos aquí.

? Que contribuye

¡Estamos entusiasmados de que esté interesado en contribuir a este proyecto!

Puede ayudarnos a mejorar los componentes React Rainbow, el primer paso para comenzar la colaboración es crear un problema antes de enviar una solicitud de extracción. Siempre es bueno presentar un problema, por lo que podemos discutir los detalles de su enfoque o sugerencia.

Vea más detalles sobre cómo colaborar

⚖️ Licencia

La licencia MIT rige su uso de los componentes React Rainbow.