boulaycote/react-test-app

Getting Started

$ npm install

Start the local dev server:

$ npm run server

Navigate to http://localhost:8080/ to view the app.

Dependencies

• react v0.12
• react-router v0.12

Dev

• webpack
• react hot loader
• karma
• babel

Check out package.json for the complete list.

Project structure

Components are grouped into 2 main categories:

• common - contains various classes and components that are shared between pages and views
• pages - contains components grouped by the page / view / feature they belong to.

Commands

A core philosophy of this skeleton app is to keep the tooling to a minimum. For this reason, you can find all the commands in the scripts section of package.json.

server

$ npm run server

Input: src/main.jsx

This leverages React Hot Loader to automatically start a local dev server and refresh file changes on the fly without reloading the page.

It also automatically includes source maps, allowing you to browse code and set breakpoints on the original ES6 code.

build

$ npm run build

Input: src/main.jsx

Output: build/app.js

Build minified app for production using the production shortcut.

test

$ npm test

Input: test/main.js

Output: coverage/

Leverages Karma to run through the test suite using PhantomJS and generate code coverage reports.

coveralls

$ npm run coveralls

Input: coverage/lcov.info

Sends the code coverage report generated by Istanbul to Coveralls.

clean

$ npm run clean

Input: build/app.js

Removes the compiled app file from build.

Changelog