React Kendo UI
Examples
https://nkiateam.github.io/react-kendo-ui/examples/
Getting Started
Just clone the repo and start hacking:
$ git clone https://github.com/nkiateam/react-kendo-ui.git$ cd react-kendo-ui$ npm install # Install Node.js components listed in ./package.json $ npm run build # build $ npm start # Compile and launch
How to Build
$ npm run build # or, `npm run webpack -- release`
By default, it builds in a debug mode. If you need to build in a release
mode, just add -- release
flag. This will optimize the output bundle for
production deployment.
How to Run
$ npm start # or, `npm start -- release`
This will start a lightweight development server with "live reload" and synchronized browsing across multiple devices and browsers.
Documentation
- General
- Questions
- Recipes
Directory Layout
.
├── /dist/ # The folder for compiled output
├── /docs/ # Documentation files for the project
├── /libs/ # javascript library
├── /node_modules/ # 3rd-party libraries and utilities
├── /src/ # The source code of the application
│ ├── /components/ # React components
│ └── /app.js # Client-side startup script
├── package.json # The list of 3rd party libraries and utilities
└── webpack.config.js # webpack module builder config file
개발가이드 환경 구축 절차
- 사전 설치 프로그램
Git, node js(v4.6.1 LTS), visual studio code
- 절차
1) 소스 다운로드
특정 워크스페이스 폴더 생성후
git clone ssh://dca@cims.nkia.net:29418/react-puf.git
2) 필요한 라이브러리 설치(인터넷이 되는 환경이어야함)
npm install
package.json에 설정되어 있는 라이브러리 설치됨
3) gulp 명령어를 글로벌하게 사용하기 위해 재설치
npm install gulp -g
4) 빌드
gulp
(빌드설정파일 : gulpfile.js)
5) http-server(웹서버) 실행
npm start
6) 개발 가이드 화면 호출
http://localhost:8080/