react rainbow

رد فعل قوس قزح

React Rainbow عبارة عن مجموعة من المكونات التي ستساعدك بشكل موثوق على بناء تطبيقك في SNAP. امنحه اختراقًا وأخبرنا برأيك.

سمات

• 90+ مكونات مبنية على أعلى رد الفعل.
• أمثلة تفاعلية.
• اختبار الدرجة الأولى.
• كائنات صفحة WDIO.
• تكامل Redux-form.
• لقد صممنا كل مكون مع وضع I18N في الاعتبار.
• إمكانية الوصول هي جزء من تعريفنا للمنجز.
• مكونات مع كتابة TypeScript خارج الصندوق.

؟ دعم البيئة

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

نعم ، هذا كل ما تحتاجه حقًا للبدء كما ترون في هذا العرض التوضيحي الحي والتفاعلي:

يمكنك أيضًا استخدام مكون فردي من بت:

 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-reainbow.git
2. CD React-Rainbow
3. تثبيت الغزل
4. تبدأ الغزل
5. انتقل إلى http: // localhost: 6060/

أسئلة

بالنسبة how-to وغيرها non-issues ، يرجى استخدام دردشة Gitter بدلاً من مشكلات github.

https://gitter.im/React-Rainbow-Components/Community

؟ أمثلة

هل تبحث عن مشروع مثال للبدء؟

نستضيف بعض هنا.

؟ المساهمة

نحن متحمسون لأنك مهتم بالمساهمة في هذا المشروع!

يمكنك مساعدتنا في تحسين مكونات React Rainbow ، والخطوة الأولى لبدء التعاون هي إنشاء مشكلة قبل تقديم طلب سحب. من الجيد دائمًا تقديم مشكلة ، حتى نتمكن من مناقشة تفاصيل نهجك أو اقتراحك.

شاهد المزيد من التفاصيل حول كيفية التعاون

⚖ الترخيص

يحكم ترخيص معهد ماساتشوستس للتكنولوجيا استخدام مكونات قوس قزح React.