Boilerplate for a Koa Redux React app with Webpack, Mocha, SASS, Babel, ESLint...

Docs

Detailed blogpost on how was this boilerplate built

Good to understand what's what.

Instructions

1. Clone repo

   git clone https://github.com/mezod/boilerplate-koa-redux-react.git

2. Install dependencies

   npm install

3. Run the webserver

   npm run webserver

   Webserver should be running at http://localhost:3000/

4. Make build

   npm run build

5. Run development server

   npm run dev

   Development server should be running at http://localhost:8080/

Real projects using this boilerplate

listlogs.com

eventradr.com

everydaycheck.com - Simple and beautiful habit tracker

List of techs

• Node - JS runtime environment
• npm - package manager
• Koa - api framework
• koa-router - api router
• koa-cors - cors support
• Bookshelf.js - ORM
• knex - query builder
• mysql - MySQL driver for JS
• Babel - ES6 transpiler
• Webpack - module bundler & task runner
• React - interfaces
• react-hot-loader - hot reloading for react
• react-router - react application router
• react-redux - react bindings for redux
• Immutable - data structures
• Redux - awesome flux architecture
• redux-thunk - thunk middleware for redux
• isomorphic-fetch - API fetch network requests
• redux-devtools - redux development tool
• SASS - styles
• ESLint - linter
• Mocha - unit tests
• jsdom - vdom to test React without browser
• Chai - assertion library
• A bunch of useful scripts

Scripts

• npm run webserver

  Starts Koa server

• npm run test

  Runs unit tests

• npm run test:watch

  Watches for changes to run unit tests

• npm run build

  Bundles the application

• npm run dev

  Starts webpack development server

• npm run lint

  Runs the linter

• npm run deploy

  Creates the production ready files

• npm run clean

  Removes the bundled code and the production ready files