https://github.com/imbhargav5/react-universal-starter
React@16, react-router@4, redux and webpack@4 starter project
https://github.com/imbhargav5/react-universal-starter
react react-fiber react-router-v4 redux server-rendering styled-components webpack
Last synced: 3 months ago
JSON representation
React@16, react-router@4, redux and webpack@4 starter project
- Host: GitHub
- URL: https://github.com/imbhargav5/react-universal-starter
- Owner: imbhargav5
- License: mit
- Created: 2017-08-14T15:04:38.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2019-02-18T08:26:28.000Z (over 6 years ago)
- Last Synced: 2025-03-17T16:19:43.621Z (3 months ago)
- Topics: react, react-fiber, react-router-v4, redux, server-rendering, styled-components, webpack
- Language: JavaScript
- Homepage: https://react-universal-starter.imbhargav5.com
- Size: 1.11 MB
- Stars: 45
- Watchers: 7
- Forks: 14
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# react-universal-starter
[](#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`.
## [Link](https://react-universal-starter.now.sh)
## 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
```bash
git clone [email protected]:imbhargav5/react-universal-starter.git
cd react-universal-starter
npm install
```
## Usage
To run app in **dev** mode
```bash
npm run dev
```
The app should be running on `http://localhost:8888/`
To run app in **production** mode
```bash
npm build
npm start
```
The app should be running on `http://localhost:8888/`
To clean and rebuild
```bash
npm run build
```
## Available build scripts
| `npm run ` | 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](https://github.com/kentcdodds/all-contributors#emoji-key)):
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
| [<img src="https://avatars2.githubusercontent.com/u/2936644?v=4" width="100px;"/><br /><sub><b>Bhargav Ponnapalli</b></sub>](http://github.com/imbhargav5)<br />[💻](https://github.com/imbhargav5/react16-router4-redux-universal/commits?author=imbhargav5 "Code") | [<img src="https://avatars0.githubusercontent.com/u/3034375?v=4" width="100px;"/><br /><sub><b>Tirta Nugraha</b></sub>](http://www.betotally.com/)<br />[💻](https://github.com/imbhargav5/react16-router4-redux-universal/commits?author=tagraha "Code") | [<img src="https://avatars3.githubusercontent.com/u/13253073?v=4" width="100px;"/><br /><sub><b>Ned.</b></sub>](http://Negative.co.in)<br />[📖](https://github.com/imbhargav5/react16-router4-redux-universal/commits?author=negati-ve "Documentation") | [<img src="https://avatars2.githubusercontent.com/u/41268157?v=4" width="100px;"/><br /><sub><b>rishabh-327</b></sub>](https://github.com/rishabh-327)<br />[💻](https://github.com/imbhargav5/react16-router4-redux-universal/commits?author=rishabh-327 "Code") |
| :---: | :---: | :---: | :---: |
<!-- ALL-CONTRIBUTORS-LIST:END -->
This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome!
## License
MIT Bhargav Ponnapalli(2017)