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
  • React Style Guide
  • How to configure text editors and IDEs
• Questions
  • Which module bundler should I use?
  • Which Flux implementation should I use?
• Recipes
  • How to Implement Routing and Navigation
  • How to Integrate Disqus

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://[email protected]: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/