React SPA Boilerplate

April 16, 2017 · View on GitHub

React SPA boilerplate for open source project

Features

  • Simple index.html loading bundle.js.
  • Starter index.jsx for React.
  • All code following Airbnb's JavaScript (ES6) style guide with ESlint.
  • Webpack dev server with automatic reloading. Start with: npm start.
  • Deployment build with npm run build.

Components

  • Babel for ES6 support.
  • Chai as BDD / TDD assertion library.
  • ESlint for ES6 linting using Airbnb's JS style guide.
  • Mocha as test framework.
  • Nyc for test coverage
  • React as front-end view library.
  • Webpack for bundling of JavaScript modules.

Getting Start

Run the following commands in your terminal

git clone https://github.com/LucasBassetti/react-spa-boilerplate.git
cd react-spa-boilerplate
npm install
npm start

Then open http://localhost:8080/ on your web browser.

Testing

  1. Run npm test for simple test.
  2. Run npm run test:watch for watch tests.
  3. Run npm run test:coverage for test coverage. This will generate a coverage folder. Open the index.html file in this folder to check the results.

Deploying

For deployment, run npm run build and upload build/ to your server.

License

MIT · Lucas Bassetti