react rainbow

React Rainbow

React Rainbowは、スナップでアプリケーションを構築するのに確実に役立つコンポーネントのコレクションです。ハックを与えて、あなたの考えを教えてください。

特徴

• Reactの上に構築された90以上のコンポーネント。
• インタラクティブな例。
• ファーストクラスのテスト。
• WDIOページオブジェクト。
• Redux-Formの統合。
• I18Nを念頭に置いて各コンポーネントを設計しました。
• アクセシビリティは、完了の定義の一部です。
• すぐにボックスタイプスクリプトタイピングを備えたコンポーネント。

？環境サポート

Firefox	クロム	サファリ
最後の2つのバージョン	最後の2つのバージョン	最後の2つのバージョン

？インストール

React Rainbowコンポーネントは、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' ) ) ;

はい、このライブでインタラクティブなデモで見ることができるように、それは本当にあなたが始めるために必要なすべてです：

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

地元で実行されています

1. git clone https://github.com/nexxtway/react-rainbow.git
2. CD React-Rainbow
3. 糸インストール
4. 糸のスタート
5. http：// localhost：6060/

質問

ハウツーの質問やその他のnon-issues how-toは、Githubの問題ではなくGitter Chatを使用してください。

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

？例

開始するための例のプロジェクトをお探しですか？

ここでホストします。

？貢献

このプロジェクトに貢献することに興味があることに興奮しています！

React Rainbowコンポーネントの改善を支援できます。コラボレーションを開始する最初のステップは、プルリクエストを送信する前に問題を作成することです。問題を提出することは常に良いことですので、あなたのアプローチや提案の詳細について説明できます。

コラボレーション方法の詳細をご覧ください

⚖️ライセンス

MITライセンスは、React Rainbowコンポーネントの使用を管理します。