travi.org-admin

Project Goals

As I continue to learn about the node and react ecosystems, my intent with this project is for it to be both a playground for exploration as well as a reference implementation of the things that I have settled on as best practices.

Since this is a side-project, some areas may be behind my progression of preferring a certain approach. Some things may also seem to go a bit far for such a small project, but please keep in mind that this is intended to be a reference implementation.

Core Concepts

• [x] ES6
• [x] Universal Rendering
• [x] Progressive Enhancement
• [x] Package management of React components to share components with npm
• [ ] Intelligent management of client-side dependencies
  • [ ] Cut the Mustard
  • [ ] Progressive Enhancement based on browser capabilities
  • [ ] Lazy Loading
• [ ] Performance
• [ ] Delegated Authentication (likely Auth0)
• [x] Thin Hal Hypermedia client
• [ ] OAuth/Oz client
• [ ] API driven form construction
• [ ] API driven form validation

Key Technology

• [x] React
• [x] React-router v3
• [x] Redux
  • Ducks
• [x] Redial
• [x] Immutable.js
• [x] Webpack 2
  • [x] Tree-shaking
  • [x] Vendor Chunk
  • [ ] Code Splitting
  • [x] Commons Chunk
  • [x] Cache busting when assets change
• [x] React Hot Loader 3
• [x] Hapi
• [x] Traverson with the HAL adapter
• [ ] Pact Consumer
  • [x] publish pacts to my broker
  • [x] ensure pacts have passed provider verification before deploying
  • [ ] enable promotion of pacts from wip to production

Contribution

Install Dependencies

$ nvm install
$ npm install

Run in development mode

Against the production API

$ npm run dev

Against a local API

$ npm run dev-local

Verification

$ npm test

Analyze the Webpack bundle

After npm run build has been run, load resources/js/stats.html in a browser