koa-react-full-example

Full example using Koa, React, Passport, Mongoose, Gulp, Mocha

koa-react-full-example

Full example using Koa, React, Passport, Mongoose, Webpack, Mocha, and on Travis

This example contains a MVC pattern that presents a simple counter to the client that increments and decrements a value in the Mongo Database with Mongoose. The UI is all handled with ReactJS. It uses the yield keyword from ES6.

This projects uses bleeding-edge technology. It also uses unstable version of Mongoose (3.9) for the support of yield.

  1. Checkout in a directory
  2. npm install
  3. Try it and ensure tests pass with npm run build && npm test

To run the project, you need two terminals.

  1. In the first terminal run npm run hot-dev-server
  2. In the second terminal run npm start
  3. Try access localhost:3000 You should normally get the login page.
  4. Create a user using the sign up page "#/signup". It should log you in automatically and you should be redirected to the counter

Static Build

npm run build

Running Prod

npm run prod

Run Tests

npm run build && npm test

The plugin is under MIT license, please see the LICENSE file provided with the module.

Updates to come:

  • Server side rendering with prod webpack config
  • More in-depth React-Koa example
  • Code coverage
  • Error handling