Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jatin-8898/express-react-webpack-babel-setup
Setup Environment using Express, React, Webpack & Babel 7 🌈
https://github.com/jatin-8898/express-react-webpack-babel-setup
babel environment express react setup setup-development-environment setup-guide setuptools starter starter-app starter-files starter-kit starter-pack starter-template starterkit template webpack
Last synced: 25 days ago
JSON representation
Setup Environment using Express, React, Webpack & Babel 7 🌈
- Host: GitHub
- URL: https://github.com/jatin-8898/express-react-webpack-babel-setup
- Owner: Jatin-8898
- License: mit
- Created: 2019-02-10T08:50:30.000Z (over 5 years ago)
- Default Branch: react-branch
- Last Pushed: 2022-08-02T13:00:30.000Z (over 2 years ago)
- Last Synced: 2023-03-02T14:06:27.188Z (over 1 year ago)
- Topics: babel, environment, express, react, setup, setup-development-environment, setup-guide, setuptools, starter, starter-app, starter-files, starter-kit, starter-pack, starter-template, starterkit, template, webpack
- Language: JavaScript
- Homepage:
- Size: 269 KB
- Stars: 11
- Watchers: 3
- Forks: 7
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Express React Webpack Babel 7 Template.
[](https://github.com/Jatin-8898/express-react-webpack-babel-setup/network)
[](https://github.com/Jatin-8898/express-react-webpack-babel-setup/stargazers)
[](https://github.com/Jatin-8898/express-react-webpack-babel-setup/blob/react-branch/LICENSE)
A simple starter template to quickly setup the environment using Express, React , Webpack & Babel 7.
You can find more about this on [How to Setup Environment using React Webpack Express Babel](https://medium.com/@Jatin_8898/how-to-setup-environment-using-react-webpack-express-babel-d5f1b572b678)
### Version
1.0.0
## 🚩Features
* React 16
* Webpack 4
* Babel 7
* Hot Module Replacement
## 📝 Usage
### :diamonds: Installation
Install the dependencies. It will automatically install from the package.json file
```sh
$ npm install
```
### 📂 Open a Terminal
Make sure you run the Webpack command.
```
$ webpack --mode development.
```
This command bundles the files required for the project to run & stores them in public/bundle.js
### 😄 Run
This will start your nodemon server & run the server.js, compile them and run your dev server at http://localhost:3000
```sh
$ npm start
```
### 🎦 ScreenShot
