react rainbow

Отреагировать радугу

React Rainbow - это коллекция компонентов, которые надежно помогут вам построить ваше приложение в Snap. Дайте ему взлом и дайте нам знать, что вы думаете.

Функции

• 90+ компонентов, построенных на вершине React.
• Интерактивные примеры.
• Тестирование первого класса.
• Объекты страницы WDIO.
• Интеграция Redux-форма.
• Мы разработали каждый компонент с учетом I18N.
• Доступность является частью нашего определения.
• Компоненты с типовым типовым типовым типовым ящиком.

? Поддержка окружающей среды

Firefox	Хром	Сафари
Последние 2 версии	Последние 2 версии	Последние 2 версии

? Установка

Реактивные радужные компоненты доступны в виде пакета NPM.

$ yarn add react-rainbow-components

или

$ npm install react-rainbow-components --save

⌨ Использование

Вот быстрый пример, чтобы вы начали. Это все, что вам нужно :

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

Да, это действительно все, что вам нужно, чтобы начать, как вы можете увидеть в этой живой и интерактивной демонстрации:

Вы также можете использовать отдельный компонент из бита:

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

⌨ работает локально

1. git clone https://github.com/nexxtway/react-rainbow.git
2. CD React-Rainbow
3. Установка пряжи
4. пряжа старт
5. Перейдите к http: // localhost: 6060/

Вопросы

Для how-to и других non-issues , используйте наш чат с джамитом вместо вопросов GitHub.

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

? Примеры

Вы ищете пример проекта для начала?

Мы принимаем некоторые здесь.

? Внося

Мы рады, что вы заинтересованы в участии в этом проекте!

Вы можете помочь нам улучшить компоненты радуги React, первым шагом для начала сотрудничества является создание проблемы, прежде чем отправить запрос на привлечение. Всегда полезно подать проблему, поэтому мы можем обсудить детали вашего подхода или предложения.

Смотрите более подробную информацию о том, как сотрудничать

⚖ Лицензия

Лицензия MIT регулирует использование вами компонентов RAVE Rainbow.