b82de74592
* Use rollup for d3tooltip * Use rollup for map2tree * Set moduleResolution * Use rollup for d3-state-visualizer * Use rollup for react-base16-styling * Use rollup for react-dock * Use rollup for react-json-tree * Use rollup for redux-devtools * Use rollup for redux-devtools-intrument * Use rollup for redux-devtools-chart-monitor * Update export * Use rollup for redux-devtools-dock-monitor * Use rollup for redux-devtools-inspector-monitor * Fix inspector demo * Fix invalid eslint config * Use rollup for inspector-monitor-test-tab * Use rollup for inspector-monitor-trace-tab * Use rollup for redux-devtools-log-monitor * Use rollup for redux-devtools-remote * Use rollup in redux-devtools-rtk-query-monitor * Use rollup for redux-devtools-serialize * Fix redux-devtools examples * Use rollup for redux-devtools-slider-monitor * Fix slider examples * Use rollup for redux-devtools-ui * Use rollup for redux-devtools-utils * Use rollup for redux-devtools-extension * Use rollup for redux-devtools-app * Fix Webpack app build * Fix extension build * Turn on minimization * Update CLI |
||
---|---|---|
.. | ||
src | ||
.eslintignore | ||
.eslintrc.js | ||
CHANGELOG.md | ||
index.html | ||
LICENSE | ||
package.json | ||
README.md | ||
tsconfig.json | ||
tsconfig.webpack.json | ||
webpack.config.ts |
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.
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.
Dependencies
- React
- Webpack
- webpack-dev-server
- babel-loader
- react-hot-loader
Resources
- Demo video
- react-hot-loader on Github
- Integrating JSX live reload into your workflow
- Troubleshooting guide
- Ping dan_abramov on Twitter or #reactjs IRC