react-redux-seed

Simple counter with basic configuration. Includes webpack configuration files for both production and development.

Get Started

1. git clone https://github.com/stfny222/react-redux-seed.git
2. cd react-redux-seed
3. npm install
4. npm run dev
5. http://localhost:1234/
6. (npm run build)

Things you should get familiar with

• React: a JavaScript library for building user interfaces
• Redux: a predictable state container for JavaScript apps
• React Redux: Official React bindings for Redux
• Redux Observable: RxJS 5-based middleware for Redux
• React Router: a complete routing library for React
• Webpack: a module bundler for modern JavaScript applications
• Ducks: Redux Reducer Bundles
• Material-UI: A set of React components that implement Google's Material Design

Directory Layout

.
├── ...
├── src                           
│   ├── assets                    # includes stylesheets and the base html template
│   ├── components                # presentational components
│   ├── containers                # container components
│       ├── Root                  # root component
│       ├── ...
│       └── routes.js             # set up routes for react-router                
│   ├── layout                    # base layout configuration with material-ui theme
│   ├── redux     
│       ├── ducks                 # set of actions, reducer, action creators and epics by feature
│       ├── reducers              # root reducer
│       └── store                 # store configuration for dev and prod
│   └── entrypoint.js                  
├── .babelrc                      # babel configuration for es6
├── .eslintrc.json                # lint configuration for es6
├── .webpack.config.dev.js        # development configuration (including webpack-dev-server)
├── .webpack.config.prod.js       # production configuration
└── ...