react-universal-starter icon indicating copy to clipboard operation
react-universal-starter copied to clipboard

React@16, react-router@4, redux and webpack@4 starter project

react-universal-starter

All Contributors

The popular front end stack today is changing fast with React, react-router and webpack releasing newer versions. This is a starter app aimed to demonstrate how to integrate babel@7, react@16,react-router@4 and webpack@4.

Styled components React Redux webpack babel nodemon

Link

Screenshot

Screenshot

Features

This project comes with the following features

  • [x] React 16
  • [x] React Router 4
  • [x] Webpack 3
  • [x] Babel
  • [x] Server rendering
  • [x] Redux integration
  • [x] Dynamic imports
  • [x] Chunk splitting
  • [x] Styled components
  • [x] Nodemon

Installation

git clone [email protected]:imbhargav5/react-universal-starter.git
cd react-universal-starter
npm install

Usage

To run app in dev mode

npm run dev

The app should be running on http://localhost:8888/


To run app in production mode

npm build
npm start

The app should be running on http://localhost:8888/


To clean and rebuild

npm run build

Available build scripts

npm run <script> Description
prebuild Cleans up previous build folders.
build:client Compiles client in production mode.
build:server Compiles server in production mode.
build Compiles client and server in production mode.
dev:client Runs client in development mode
dev:server Runs server in development mode
dev Runs client and server in development mode
start Start app in production mode.
deploy Deploy(already compiled) app to www through a temporary now.sh url. If now is not already installed, Run npm install -g now.

Contributors

Thanks goes to these wonderful people (emoji key):


Bhargav Ponnapalli

💻

Tirta Nugraha

💻

Ned.

📖

rishabh-327

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

License

MIT Bhargav Ponnapalli(2017)