React + Redux + Webpack + Eslint Starter Project

React — A virtual DOM JavaScript library for rendering UI.

React — A virtual DOM JavaScript library for rendering UI. Redux — An incredibly simple way of modelling your data app state.

Redux — An incredibly simple way of modelling your data app state. Webpack — Client-side module builder and module loader

Webpack — Client-side module builder and module loader material-ui - React components that implement Google’s Material Design

material-ui - React components that implement Google’s Material Design React Router Redux — Simple bindings to keep React Router and Redux in sync

React Router Redux — Simple bindings to keep React Router and Redux in sync Yarn — Package manager and task runner

Yarn — Package manager and task runner Babel — Transpiler from ES6 / JSX to ES5

Babel — Transpiler from ES6 / JSX to ES5 ESLint — As a reporter for syntax and style issues

Getting Started

Installation

git clone https://github.com/nisargrthakkar/react-redux-starter-kit.git cd react-redux-starter-kit yarn install

Development

Build for Development:

$ yarn build:dev

Start Server for Development:

$ yarn server:dev

Build for Production:

$ yarn build:prod

Start Server for Production:

$ yarn server:prod

Hot reloading via webpack middlewares:

$ yarn start

Point your browser to http://localhost:8080/, page hot reloads automatically when there are changes

Check eslint errors

$ yarn eslint

Debugging

For debugging purposes please use:

Redux DevTools plugin for Chrome to simplify debugging React apps.

React Developer Tools

How do I deploy this?

yarn build . This will prepare and build the project for production use.

Places the resulting built project files into /dist directory. (This is the folder you’ll put on server).

Start Server for Production: $ yarn server:prod

If your application is a fork from this repo, you can add this repo to another git remote:

git remote add upstream https://github.com/nisargrthakkar/react-redux-starter-kit.git

Then, use git to merge some latest commits:

git pull upstream master

How to Contribute

We welcome your contributions to this project. There are various ways to contribute:

Reporting issues

Help improve the project by reporting issues that you find by filing a new issue at the react-redux-starter-kit issue tracker.

Features suggestions

You can also add feature suggestions by filing a new issue at the react-redux-starter-kit issue tracker.

Documentation

You can help by adding or improving existing documentation. Simply send us a pull request for us to consider your proposed changes.

Bug fixes

Pull requests are welcome for minor bug fixes or enhancement of this kit.

Some Screen Shot of Starter Kit

Home Screen

About Screen

Call API Screen

License

MIT License, 2018 by Nisarg R. Thakkar