https://github.com/elementsweb/generator-react-hot
Yeoman generator for hot reloading React applications
https://github.com/elementsweb/generator-react-hot
hot-reloading react yeoman-generator
Last synced: about 1 month ago
JSON representation
Yeoman generator for hot reloading React applications
- Host: GitHub
- URL: https://github.com/elementsweb/generator-react-hot
- Owner: elementsweb
- License: mit
- Created: 2018-02-17T13:04:47.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-03-01T15:52:50.000Z (over 2 years ago)
- Last Synced: 2025-08-19T07:58:09.216Z (about 2 months ago)
- Topics: hot-reloading, react, yeoman-generator
- Language: JavaScript
- Size: 166 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# generator-react-hot
[](https://travis-ci.org/elementsweb/generator-react-hot)
Yeoman generator to provide the scaffolding for a React app with hot reloading.
Generated app has the following features:
- Hot reloading for React
- Transpilation with Babel to support older browsers
- Linting using ESLint, extending from the `airbnb` config
- Dockerfile to spin up an nginx server with built code
- Jest and Enzyme setup for testing
- .gitignore file to prevent accidentally pushing unnecessary files
- Development and production webpack configurations, extending from a base configuration
- Injects resources into index.html file on build
- Support for SCSS and CSS for styling
## Installation
Install generator-react-hot with npm scoped package:
```
npm install yo @j154004/generator-react-hot -g
```
## Usage
You can use this generator with `yo` with ease. In the directory you wish to create your resource run the following command:
```
yo @j154004/react-hot
```
Answer the questions asked by the generator, these answers will be injected into various files that will be created in your directory.
All the dependencies required to run the application will be installed automatically.
### Options
- `--skip-welcome` - Skips welcome greeting before displaying options.
### Getting Started
- Start by running the hot reloading development server with `npm start`.
- Navigate to `http://localhost:PORT` in your browser, where `PORT` is the one you chose when running the generator. You should see the words "Hello, world!" printed on the page.
- Change the text inside the `
` element in `src/App.js` and notice the text change in the browser when you save your changes.
## Contributing
1. Fork it!
2. Create your feature branch: `git checkout -b feature/new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin feature/new-feature`
5. Submit a pull request.
## License
See [LICENSE](./LICENSE.md) for licensing information.