react ui 다운로드 - react ui 소스 코드 다운로드

react ui

타사 구성 요소

v0.57.0

다운로드

반응 UI

React UI의 개발은 무선 중요 인프라의 글로벌 플레이어 중 하나 인 Racom에 의해 크게 지원됩니다.

빠른 시작 가이드

앱에 React UI를 설치하려면 :

NPM으로 react-ui 설치하십시오. prop-types , react 및 react-dom 설치되어 있는지 확인하십시오.
```
npm install --save @react-ui-org/react-ui
```

Titillium 웹 글꼴을로드하십시오.

 < link
  href =" https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap "
  rel =" stylesheet "
/>

앱에서 READ REACT UI CSS :

 import '@react-ui-org/react-ui/dist/react-ui.css' ;

앱에서 React UI 구성 요소를 가져오고 사용하십시오.

 import { Button } from '@react-ui-org/react-ui' ;

< Button label = "My Button" />

DOCS로 이동하여 React UI를 사용, 사용자 정의 및 확장하는 방법을 확인하십시오.

개발 모드

개발 모드에서 앱에서 REACT UI를 실행할 수 있습니다. 이것은 다음과 같이 유용합니다.

생산 모드에서 REACT UI는 인간이 읽을 수없는 클래스 이름을 사용합니다.
생산 모드에서 런타임 확인 (즉, proptypes)이 억제됩니다.

개발 모드를 활성화하려면 앱의 webpack.config.js 파일에 다음 코드를 추가하십시오.

 module . exports = ( env , argv ) => ( {
  resolve : {
    alias : {
      // Allow to run react-ui in development mode for easier development.
      '@react-ui-org/react-ui$' : argv . mode === 'production'
        ? '@react-ui-org/react-ui/dist/react-ui.js'
        : '@react-ui-org/react-ui/dist/react-ui.development.js' ,
      '@react-ui-org/react-ui/dist/react-ui.css' : modeArgument === 'production'
        ? '@react-ui-org/react-ui/dist/react-ui.css'
        : '@react-ui-org/react-ui/dist/react-ui.development.css' ,
    } ,
  } ,
} ) ;