Angular 2/TypeScript/Redux/Webpack Example App

This is an example app built with Angular 2, Redux, and webpack. We use it internally as a teaching tool and platform for trying out architectural ideas.

It is maintained on an ad-hoc basis, your mileage may vary.

You can see it in action here: angular2-redux-example.herokuapp.com.

npm scripts

To see all available scripts:

$ npm run

Dev

$ npm run dev

This runs a development mode server with live reload etc. Linter warnings will be displayed with each reload.

Open http://localhost:8080 in your browser.

Production

$ npm install
$ npm start

This runs a production-ready express server that serves up a bundled and minified version of the client.

Open http://localhost:8080 in your browser.

Tests

Single Run (with linting and coverage)

$ npm test
# or
$ npm t

Watch Files

$ npm run test:watch

Linting

$ npm run lint

This will run both code and style linters, but you can run them individually using npm run lint-ts and npm run lint-css.

Coverage

$ npm run cover

Connecting to remote APIs

Both the devmode and production servers provide a way to proxy requests to remote HTTP APIs. This can be useful for working around CORS issues when developing your software.

Edit this file to mount such APIs at a given path.

Improvements

This is an initial version of this setup and will be expanded in the future. Refer to the issues section to see what needs to be done, or create a new one.

License

Copyright (c) 2016 rangle.io

MIT License