node package manager
Easy collaboration. Discover, share, and reuse code in your team. Create a free org »



为React Component提供Server服务

Remember to follow User-Guide of cat-component

Start Server

npm install cat-server

node node_modules/.bin/cat-server //启动服务(默认端口7777)


node node_modules/.bin/pre-publish //将src目录下的es6文件编译成es5,目标目录dist

npm publish

File Structure

-src	     //put your component here


import React from 'react';
import ReactDOM from 'react-dom';

class Example extends React.Component {
	alert() {
    	alert('This is a simple example');
	render() {
    	return <button onClick={this.alert.bind(this)}>This is a simple Example</button>;

ReactDOM.render(<Example />, document.getElementById('component-example-simple'));

This is important for rendering examples on page:

React.render(<Example />, document.getElementById('component-example-YourFileName')); ##

Remember to follow User-Guide of cat-component


node node_modules/.bin/cat-server   //启动服务在7777端口,并且监听文件改变重新编译后刷新浏览器
node node_modules/.bin/build        //将src目录下的es6文件编译成es5,目标目录dist

You can add these in your package.json:

"scripts" : {
    "dev": "node node_modules/.bin/cat-server",
    "build": "node node_modules/.bin/build"

Then,you can run instead

npm run dev
npm run build