s0nskar / react-redux-boilerplate

Minimal boilerplate for a React, Redux, React Router application.

React Redux boilerplate

---

About

Minimal boilerplate for a React, Redux, React Router application.

• React
• Redux
• React Router
• React Redux
• React hot loader
• Webpack

Setup

git clone https://github.com/sanskar-modi/react-redux-boilerplate your-project-name
npm install && npm run start

Lint

npm run lint

Enhancements

Devtools

React

Devtools extension

You can install react developer tools extension from react-devtools

React monocle

Reat monocle generates visual representations of react app hierarchy. For more react-monocle

Redux

Devtools extension

You can install redux devtools extension from redux-devtools-extension

and change configure store from

let store = createStore(reducer);

to

let store = createStore(reducer, window.devToolsExtension && window.devToolsExtension());

for more advance setup go through docs redux-devtools-extension

Logger

Redux logger provide pretty output on console on every dispatched event.

for further instruction go to redux-logger

redux-thunk

Thunk middleware for redux. Redux thunk can be used to dispatch function instead pure object action creator. This can be useful if you're fetching data asynchronously. For further instruction head over to redux-thunk

redux-saga

redux-saga is a library that aims to make side effects (i.e. asynchronous things like data fetching and impure things like accessing the browser cache) in React/Redux applications easier and better. For more information redux-saga

Awesome

For more awesome stuff about React and Redux head over to

• awesome-react
• awesome-redux

---

You can checkout create-react-app for a production ready react boilerplate.

---

LICENSE

MIT