boilerplate-typescript-react

Boilerplate for react in typescript

Features

• Webpack3
• Typescript
• React
• SASS
• Hot Module Replacement (HMR)
• Tree Shaking
• React CSS Themr
• Storybook
• TSLint
• TS Node

Other features

• .nvmrc
• .editorconfig
• .gitignore
• .npmignore
• Modify SASS variables of external library
• Modify internal component style from parent (react-css-themr)

Todo

• All rules in tslint
• Support for jest (spec test and snapshots)
• Support for stylelint
• Support for PostCSS
• Support for use import in sass modules (typed sass modules)
• Support for Images and other files
• Add ts-lib to optimize typescript bundle
• Use configuration of storybook in typescript
• Add dotenv module?
• Find some more readable module for add static content before bundle instead of sass-resources-loader
• Change typescript to only compile and watch specific directories (src)
• Change webpack to only compile and watch specific directories (src and test/stories)
• Add jest testing framework to webpack
• Try to use the same tsconfig.json file for all configurations
• Use hierarchy for different tsconfig.json files
• See and add more webpack plugins
• See and add more storybook plugins
• Add some bundle analizer to check bundle tree
• Add other interesting features to optimize development, testing and build/deploy to production
• Change basic example to one more complex
• Support for Web Server with webpack-dev-middleware and webpack-hot-middleware (boilerplate-typescript-nodejs-react project)
• Support for SSR (boilerplate-typescript-nodejs-react project)

References

• https://github.com/vikpe/react-webpack-typescript-starter
• https://github.com/Quramy/typed-css-modules
• Quramy/typed-css-modules#5
• https://github.com/css-modules/css-modules