rc-server

development server for react component

• This project is deprecated, use rc-tools run server *

Feature

• support jsx
• support autoprefixer
• support mocha-phantomjs
• support travis
• support coveralls.io
• support react js module render as html
• support load commonjs file into browser and run

Usage

file structure

- .travis.yml
- examples
 - index.html
 - index.js
- lib
 - Component.js
- index.js
- tests
  - index-spec.js
- package.json

Suggest using https://github.com/react-component/generator-rc

index.js

/** @jsx React.DOM */
var Component = require('./lib/Component');
module.exports = <Component />

Component.js

/** @jsx React.DOM */
var React = require('react');
var Component = React.createClass({
    // TODO
    render: function(){
        return <div></div>;
    };
});
module.exports = Component;

.travis.yml

language: node_js
node_js:
- 0.11
before_script:
- npm start &
- npm install mocha-phantomjs -g
- phantomjs --version
script:
- npm test
- npm run browser-test
- npm run browser-test-cover

package.json

{
    "devDependencies": {
        "rc-server": "^1.0.0"
    },
    "config": {
        "port": 8001
    },
    "scripts": {
        "start": "node --harmony node_modules/.bin/rc-server",
        "browser-test": "mocha-phantomjs http://localhost:$npm_package_config_port/tests/runner.html",
        "browser-test-cover": "mocha-phantomjs -R node_modules/rc-server/node_modules/node-jscover/lib/reporters/mocha/console http://localhost:$npm_package_config_port/tests/runner.html?coverage"
 
    }
}

index-spec.js

var expect = require('expect.js');
var React = require('react');
var Component = require('../');
 
describe('it', function(){
    it('works', function(){
        var component = (<Component/><a></a></Component>);
        expect(component).to.be(component);
    });
});

index.html

placeholder

remove backslash!

Suggest using https://github.com/react-component/generator-rc

start server

npm install
npm start

• open http://localhost:8001/tests/runner.html to see test
• open http://localhost:8001/examples/index.md to see demo