https://github.com/lucasbassetti/react-airbnb-boilerplate

:fire: React Boilerplate following Airbnb's JavaScript (ES6) Style Guide
https://github.com/lucasbassetti/react-airbnb-boilerplate

airbnb airbnb-javascript boilerplate chai eslint javascript mocha postcss react sass started webpack

Last synced: 3 months ago
JSON representation

:fire: React Boilerplate following Airbnb's JavaScript (ES6) Style Guide

• Host: GitHub
• URL: https://github.com/lucasbassetti/react-airbnb-boilerplate
• Owner: LucasBassetti
• License: mit
• Created: 2017-04-11T17:06:37.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-11-12T15:57:29.000Z (about 7 years ago)
• Last Synced: 2024-11-07T09:03:37.558Z (3 months ago)
• Topics: airbnb, airbnb-javascript, boilerplate, chai, eslint, javascript, mocha, postcss, react, sass, started, webpack
• Language: JavaScript
• Homepage: https://lucasbassetti.com.br/react-airbnb-boilerplate/
• Size: 160 KB
• Stars: 22
• Watchers: 5
• Forks: 12
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Airbnb Boilerplate

React Boilerplate following [Airbnb's JavaScript (ES6) Style Guide](https://github.com/airbnb/javascript).

 

  

             

  

   

  

## 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](https://babeljs.io) for ES6 support.

- [Chai](http://chaijs.com/) as BDD / TDD assertion library.

- [ESlint](http://eslint.org) for ES6 linting using Airbnb's JS style guide.

- [Mocha](https://mochajs.org/) as test framework.

- [Nyc](https://github.com/istanbuljs/nyc) as test coverage.

- [React](https://facebook.github.io/react/) as front-end view library.

- [Webpack](https://webpack.github.io) as module bundler.

- [SASS](http://sass-lang.com/) as CSS preprocessing.

- [Postcss](http://postcss.org/) for transforming styles with JS plugins.

## Getting Start

Run the following commands in your terminal

```bash

git clone https://github.com/LucasBassetti/react-airbnb-boilerplate.git

cd react-airbnb-boilerplate

npm install

npm start

```

Then open [http://localhost:8080/](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 `docs/` to your server.

## License

MIT · [Lucas Bassetti](http://lucasbassetti.com.br)