react rainbow

Bereaksi pelangi

React Rainbow adalah kumpulan komponen yang akan andal membantu Anda membangun aplikasi Anda dalam sekejap. Berikan peretasan dan beri tahu kami pendapat Anda.

Fitur

• 90+ komponen yang dibangun di atas React.
• Contoh interaktif.
• Pengujian Kelas Satu.
• Objek halaman wdio.
• Integrasi Redux-Form.
• Kami merancang setiap komponen dengan mempertimbangkan I18N.
• Aksesibilitas adalah bagian dari definisi selesai kami.
• Komponen dengan pengetikan naskah out-of-the-box.

? Dukungan Lingkungan

Firefox	Chrome	Safari
2 versi terakhir	2 versi terakhir	2 versi terakhir

? Instalasi

React Rainbow Components tersedia sebagai paket NPM.

$ yarn add react-rainbow-components

atau

$ npm install react-rainbow-components --save

⌨️ penggunaan

Berikut adalah contoh singkat untuk membantu Anda memulai. Hanya itu yang Anda butuhkan :

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

Ya, hanya itu yang Anda butuhkan untuk memulai seperti yang Anda lihat dalam demo langsung dan interaktif ini:

Anda juga dapat menggunakan komponen individual dari 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' ) ) ;

⌨️ Berlari secara lokal

1. Git Clone https://github.com/nexxtway/react-rainbow.git
2. CD React-Rainbow
3. Instalasi benang
4. Mulai benang
5. Arahkan ke http: // localhost: 6060/

Pertanyaan

Untuk how-to dan non-issues lainnya, silakan gunakan obrolan gitter kami alih-alih masalah gitub.

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

? Contoh

Apakah Anda mencari contoh proyek untuk memulai?

Kami menampung beberapa di sini.

? Berkontribusi

Kami sangat senang bahwa Anda tertarik untuk berkontribusi pada proyek ini!

Anda dapat membantu kami meningkatkan komponen React Rainbow, langkah pertama untuk memulai kolaborasi adalah membuat masalah sebelum mengirimkan permintaan tarik. Itu selalu baik untuk mengajukan masalah, sehingga kami dapat membahas rincian pendekatan atau saran Anda.

Lihat detail lebih lanjut tentang cara berkolaborasi

⚖️ Lisensi

Lisensi MIT mengatur penggunaan komponen react rainbow Anda.