React & typescript boilerplate

Why?

Make it fast as possible. Current development environment starts in ~10s Build time as fast as possible Bundle size should be minimum as possible

How to start

1. yarn Install dependencies
2. yarn start Start development
3. yarn start:storybook Start storybook
4. yarn build Build for production
5. Install wallaby plugin for you IDE
6. Configure wallaby test runner
7. yarn test Run tests to check if everything is working
8. yarn prepush Run before each push

What's inside

• webpack v3
  • dashboard
  • webpack settings with typescript
  • separated settings for development and production
• typescript v2.6
  • tslint (lint typescript)
  • import json supported
  • airbnb coding style rules
• react v16
  • react hot loader
• redux
  • react-redux
  • redux-loger
  • hot reload
• scss/css module
  • stylelint (lint scss and css)
  • auto typings for css modules
  • scss/css hot loader
• jest (for tests)
  • enzyme
  • wallaby (for fast tests development)
• git
  • perfect attributes
  • hooks (run tasks before push)
• travis (for deployment)
• yarn (For better dependencies lock)
  • save exact version
  • configured releases yarn version
• editorconfig (consistent coding styles for different IDE)
• IDE settings
  • live templates for JetBrains
  • settings for Visual Studio Code
• SourceMaps
  • Source maps for typescript
  • Source maps for scss/css modules
• Storybook Demo
  • With actions
  • Addons

Available commands

Command	Description
yarn start	Start development enviroiment
yarn start:storybook	Start storybook
yarn lint	Lint typescript files
yarn lint:css	Lint scss/css files
yarn test	Start test enviroiment for development
yarn test:coverage	Display tests coverage

Todo

• Automate Changelist.md
• E2E Tests
• react-redux
• storybook. Please check the issue status
• i18n
• Red box for react errors?
• Server side rendering
• TS Config enable noImplicitAny": true