https://github.com/richgong/react-express-hotloader

Boilerplate for React with hotloading, Express with reloading, Babel, EJS
https://github.com/richgong/react-express-hotloader

babel ejs ejs-templates express express-js expressjs nodemon react react-hot-loader react-hot-loader-3 react-hot-loader3 reactjs universal-javascript

Last synced: 4 months ago
JSON representation

Boilerplate for React with hotloading, Express with reloading, Babel, EJS

• Host: GitHub
• URL: https://github.com/richgong/react-express-hotloader
• Owner: richgong
• License: mit
• Created: 2017-05-04T05:10:06.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-05-04T15:38:22.000Z (about 8 years ago)
• Last Synced: 2025-02-27T20:55:53.939Z (4 months ago)
• Topics: babel, ejs, ejs-templates, express, express-js, expressjs, nodemon, react, react-hot-loader, react-hot-loader-3, react-hot-loader3, reactjs, universal-javascript
• Language: JavaScript
• Homepage:
• Size: 19.5 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# React Express Hotloader [![npm package](https://img.shields.io/npm/v/react-express-hotloader.svg)](https://www.npmjs.com/package/react-express-hotloader)

[![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy)

I know there's a lot of boilerplate examples, but it was actually kinda hard to find this exact combination:

* React

* Express server

* Auto-reloading Express server (only in development)

* [react-hot-loader](https://github.com/gaearon/react-hot-loader) (version 3) running on Express (only in development)

* Babel for both React frontend **and** Express backend

* EJS templates

Hence, I made this.

This is a "universal JavaScript" web-server. But, this is isn't a "complete universal React" app, because:

* No server-side rendering

* No react-router

* No redux

* No webpacking minifier for client-side JavaScript includes

I didn't include those things because I think they introduce a lot more complexity for people who are just trying to get started. This is more geared towards building something fast, not building a monolithic React SPA.

### Install and run

In development:

```

npm install

npm start

```

In production:

```

npm install --production

npm run build

npm run serve

```

## Authors

* [Richard Gong](http://richgong.com)

## License

This project is licensed under the MIT License - see [LICENSE.md](LICENSE.md) file for details