React/Redux Project Starter

A project starter for universalmorphic React/Redux apps

Features

• React: THE component-based view library.
• Redux: application state management
• React-Redux Official Bindings: remove the boilerplate code when connecting React to Redux
• React Router: server/client side application router
• Redux Thunk: easier async and sequential actions.
• React Helmet: title and meta tags FTW
• ExpressJS: server-side app framework.
• WebPack: module bundler.
• PostCSS: CSS transformations via JS
• CSS Modules: private name spaces for css classes.
• CSSNext: future CSS today.
• React StoryBook: a component authoring sandbox. also component functional testing .
• Enzyme & Tape: unit testing
• Eslint: JS linting.

Development

1. first, run npm i to install dependencies
2. to start the component dev environment, run npm run components
3. to start the application dev environment, run npm run dev
4. to lint the JS, run npm run lint
5. build the production app via npm run build
6. start the app via npm start

Files

1. The React / Redux app is found in src/app
2. The production Express.js server is found in src/server
3. Component stories (for the component dev environment) is found in .storybook/config.js

NOTE: Make sure you are using npm version 3 or higher.