react-dev-server

A wrapper around webpack-dev-server so users can get a react application
running. If you want any sort of customization, you will have to make your own
webpack config.

Usage

1. npm install -g react-dev-server
2. react-dev-server --init this generates public/index.html and src/index.js.
3. npm install react react-dom
4. react-dev-server [--stage-0]

And you are up and running a webpack-dev-server preconfigured to work with react!

If you are new to npm, you will want to search how to use npm. Usually you'd
start with npm init and then do npm install --save react react-dom, but for
the sake of this example I left that out.

Proxy

If you'd like to proxy to an alternative backend server, you can use the proxy option as follows:

``shell
react-dev-server --proxy "/socket.io:http://localhost:5555/socket.io"
--proxy "/api:http://localhost:5555/api"
`
Notice you can add multiple entries, and the format is :.

Options


`
Usage: react-dev-server

Options:
--init Initialize the project structure. [boolean] [default: false]
--src The base directory for your application. [default: "src"]
--entry The entry point(s) to your application.
[array] [default: "index.js"]
--static The directory for your static files. [default: "public"]
--index The index.html file. [default: "index.html"]
--stage-0 Use the stage-0 preset for babel. [default: false]
--port The port to run the server on. [default: 8080]
--build Build the app into the static directory. [default: false]
--proxy A list of proxy paths to hosts [array] [default: []]
-h, --help Show help [boolean]
`

Example


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

const elements = ['hello', 'world'];
ReactDOM.render((

{
elements.map(e =>

• { e }
)
}

), document.getElementById('test'));
`

Customization

You can add stuff to your babel rc, for example react-transform can be added
by copying the "env" section into a .babelrc in your project's root directory

eg.

`

+-- .babelrc
+-- public
+-- src
`

And the options will be added the react-dev-server`s options.

Future Plans

- Allow webpack customization