react rainbow

react rainbow

웹사이트 데이터

v1.32.0

다운로드

레인보우 반응

React Rainbow는 애플리케이션을 확실하게 구축하는 데 도움이되는 구성 요소 모음입니다. 해킹을하고 당신의 생각을 알려주십시오.

특징

React 위에 구축 된 90 개 이상의 구성 요소.
대화식 예.
일등석 테스트.
wdio 페이지 객체.
Redux 형식 통합.
우리는 각 구성 요소를 i18N을 염두에두고 설계했습니다.
접근성은 완료 정의의 일부입니다.
상자 외형 타이핑이있는 구성 요소.

? 환경 지원

파이어 폭스	크롬	원정 여행
마지막 2 버전	마지막 2 버전	마지막 2 버전

? 설치

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