Transpiles your React component and serves it on localhost
Last updated 3 years ago by lastw .
MIT · Original npm · Tarball · package.json
$ cnpm install woah 
SYNC missed versions from official npm registry.

Woah, dude

You can serve your React component with one command: woah.

$ touch index.js
$ echo "import React from 'react'; export default <div>Hello world</div>" > index.js
$ woah

Useful, when you are too lazy to setup another build pipeline, but do not need tons of boilerplate code from another starter-kit or create-app.


yarn global add woah
# or
npm i -g woah


woah [<filename>] [--port <port>]

By default it serves index.js from current directory.

Your file

To render React component, export it by default:

import React from 'react'; // it's alias to package's react 16
export default class MyFancyComponent extends React.Component {
  render() {
    <div>Woah, dude!</div>;
import React from 'react'; // it's alias to package's react 16
export default function() {
  return <div>Woah, dude!</div>;

But you can also render React without exporting anything:

import React from 'react'; // 'react' is provided
import ReactDOM from 'react-dom'; // but you should install 'react-dom' by yourself

ReactDOM.render(<div>Woah, dude!</div>, document.querySelector('#root'));

See examples


No configuration. You do not need it.


  1. Rebuild on changes
  2. ???

See issues list.

Current Tags

  • 0.0.1-alpha.1                                ...           latest (3 years ago)

3 Versions

  • 0.0.1-alpha.1                                ...           3 years ago
  • 0.0.1-alpha                                ...           3 years ago
  • 0.0.0                                ...           3 years ago
Maintainers (1)
Today 0
This Week 0
This Month 3
Last Day 0
Last Week 0
Last Month 2
Dev Dependencies (3)
Dependents (0)

Copyright 2014 - 2016 © taobao.org |