Webpack 2 Boilerplate to develop React Applications using CSS, ES6, Mocha, Chai, Istanbul and ESLint
I have been working with react for a while and I always have this config problems with new versions, new bugs or those boilerplates are using some dependecies that does not allow me to see what is the current configuration in a easy way to understand what is going on there and how everything is working on. So, I decided to make this boilerplate with all the libraries ready to start just to create your App. I made it to understand how things work and then you could change whatever you need to enhace your App.
- Webpack 2
- React
- Bootstrap (Only css)
- React-Router
- ESLint
- Mocha, Chai, Enzyme (Unit Testing Framework)
- Istanbul (Coverage)
- React-Notification-System
- Basic React Components (Button, Row, Column, Panel, Navigation)
- Yarn
- Login Page
- Authentication by token in localStorage
- Dashboard Page
- Navigation (Active Links)
- Notifications
To start the boilerplate in dev mode type this in your console:
yarn dev
Use these credentials to pass the login:
email: test@email.com pass: password
To build your app run this command in your console:
yarn build
your files will be at fodler 'dist'
To run tests type this in your console:
yarn test
To run coverage type this in your console:
yarn coverage
You will be available to see folder 'coverage' with a bunch of files, open index.html.
To run ESLint type this in your console:
yarn lint
To Contribute to this boilerplate please Fork the project and make a pull request. I will check if that new feature is useful for the intention of this project. Anyway you could contact to me anytime in my twitter @otrapelota