react-redux-starter-kit

An opinionated yet dead-simple non-universal React+Redux starter kit.

Libraries

• React
• React Router
• Redux
• Axios
• Build: Buble / Webpack
• Styling: Sass / Autoprefixer / CSS Nano

Getting Started

To get your fingers typing asap:

• Install requirements, clone repository, and install dependencies
• Setup config
• Run build script

Installing

You are required to install node >=4 / npm >=2.

Afterwards, clone, and then run the following to install the dependencies:

npm install

Configuration

Most configuration is stored on src/config.js. For environment configs, we use dotenv.

_{Note: If you don't have any .env file in the project root directory, run this: cp .env.example .env.}

config	description
process.env.NODE_ENV	Environment.
process.env.REDUX_DEVTOOLS	Condition which Redux Devtools will be enabled.

Gotchas: To set a config to false, leave it empty.

Development

command	description
npm run watch:script	watch for file changes and compile scripts
npm run watch:style	watch for file changes and compile stylesheets
npm run build:style	simply compile scripts
npm run build:style	simply compile stylesheets
npm start	runs watch:script and watch:style

101

• The src directory is aliased as app
  • Before: import X from '../../components/X'
  • After: import X from 'app/components/X'
• This repository follows ducks-modular-redux.