https://github.com/buttercomponents/butter-component-show-header

A butter component to display show header and info
https://github.com/buttercomponents/butter-component-show-header

Last synced: 22 days ago
JSON representation

A butter component to display show header and info

• Host: GitHub
• URL: https://github.com/buttercomponents/butter-component-show-header
• Owner: buttercomponents
• License: mit
• Created: 2016-01-23T18:14:37.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2018-04-08T05:01:38.000Z (almost 7 years ago)
• Last Synced: 2024-12-11T03:53:56.931Z (29 days ago)
• Language: CSS
• Size: 92.8 KB
• Stars: 0
• Watchers: 3
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
react-hot-boilerplate

=====================

The minimal dev environment to enable live-editing React components.

### Usage

```

npm install

npm start

open http://localhost:3000

```

Now edit `src/App.js`.  

Your changes will appear without reloading the browser like in [this video](http://vimeo.com/100010922).

### Linting

This boilerplate project includes React-friendly ESLint configuration.

```

npm run lint

```

### Using `0.0.0.0` as Host

You may want to change the host in `server.js` and `webpack.config.js` from `localhost` to `0.0.0.0` to allow access from same WiFi network. This is not enabled by default because it is reported to cause problems on Windows. This may also be useful if you're using a VM.

### Missing Features

This boilerplate is purposefully simple to show the minimal configuration for React Hot Loader. For a real project, you'll want to add a separate config for production with hot reloading disabled and minification enabled. You'll also want to add a router, styles and maybe combine dev server with an existing server. This is out of scope of this boilerplate, but you may want to look into [other starter kits](https://github.com/gaearon/react-hot-loader/blob/master/docs/README.md#starter-kits).

### Dependencies

* React

* Webpack

* [webpack-dev-server](https://github.com/webpack/webpack-dev-server)

* [babel-loader](https://github.com/babel/babel-loader)

* [react-hot-loader](https://github.com/gaearon/react-hot-loader)

### Resources

* [Demo video](http://vimeo.com/100010922)

* [react-hot-loader on Github](https://github.com/gaearon/react-hot-loader)

* [Integrating JSX live reload into your workflow](http://gaearon.github.io/react-hot-loader/getstarted/)

* [Troubleshooting guide](https://github.com/gaearon/react-hot-loader/blob/master/docs/Troubleshooting.md)

* Ping dan_abramov on Twitter or #reactjs IRC