priyesh9875/react-boilerplate

A slightly opinionated yet dead simple boilerplate for ReactJS

react-boilerplate

A slightly opinionated yet dead simple boilerplate for ReactJS

http://mikechabot.github.io/react-boilerplate/

Features

Build Process

• Built with webpack
• Supports ES6 via Babel transpiling

State Management

• redux-entity for domain entity management
• redux-thunk for asynchronous actions
• redux-logger for capturing actions

Routing

• react-router for client-side routing

HTTP

• Customizable, promise-based HTTP support via Axios
• Implementing data services utilize Promise

Styling

• Supports SCSS & SASS syntax
• Browser compatibility via autoprefixing

Develop & Deploy

• Environmental configurations for both webpack and redux
  • Dev: webpack-dev-server with React Hot Loader. redux-logger enabled.
  • Prod: Express server with redux-logger disabled.

Testing

• Tested with Mocha
• Coverage support via Istanbul
• react-addons-test-utils for component testing
• redux-mock-store for Redux state testing
• Sinon.JS for mocking, stubbing & spying

Get Started

1. git clone https://github.com/mikechabot/react-boilerplate.git
2. Run yarn or 'npm install'
3. Launch environment:

• Production: npm start
• Development: npm run dev

4. Build for production:

• npm run build:prod

Test Commands

• npm test: Shortcut for test:coverage
• npm run test:unit: Run unit tests located in test/unit/**/*.js
• npm run test:integration: Run integration tests location in test/integration/**/*.js
• npm run test:coverage: Run coverage for unit and integration tests