https://github.com/t18n/react-typescript-boilerplate

A dead-simple React TypeScript boilerplate with SASS, Webpack 5.
https://github.com/t18n/react-typescript-boilerplate

absolute-imports airbnb-eslint eslint husky netlify react react-boilerplate react-starter-kit sass scss seo-friendly starter-project typescript webpack-5

Last synced: 3 days ago
JSON representation

A dead-simple React TypeScript boilerplate with SASS, Webpack 5.

• Host: GitHub
• URL: https://github.com/t18n/react-typescript-boilerplate
• Owner: t18n
• License: mit
• Created: 2018-09-01T16:38:48.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T02:00:01.000Z (almost 2 years ago)
• Last Synced: 2023-04-28T08:24:55.647Z (over 1 year ago)
• Topics: absolute-imports, airbnb-eslint, eslint, husky, netlify, react, react-boilerplate, react-starter-kit, sass, scss, seo-friendly, starter-project, typescript, webpack-5
• Language: Sass
• Homepage: https://react-scss-boilerplate.netlify.app/
• Size: 11.3 MB
• Stars: 11
• Watchers: 1
• Forks: 5
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## React Typescript Boilerplate

A simple React Typescript boilerplate that allow you to understand easily, embrace good practices and workflow, optimizing for production and does not do any magic.

### Features

- [x] React with Typescript minimal config

- [x] Hot-loader

- [x] Absolute import (like `src/assets/images/img.png` instead of `../../assets/images/img.png`)

- [x] Style with `SASS` / `SCSS`

- [x] Bundle optimization:

  * `CSS` bundle with option to easily hash className with CSS module

  * Automaticaly create `Analyzer` file after build

  * Create `/compressed` folder for extra optimization (use optionally)

  * Add Image optimization

  * Split build to chunks for caching and fast loading

  * Lazy-loading modules enabled

- [x] SEO optimized

  * robots.txt

  * Auto generate sitemap

  * `meta` tags added allow easy configuration

  * Social media sharing optimized

- [x] Netlify config for easy deployment

- [x] Commit hook with Husky

### Get started

- To run the app: `yarn start`

- To build the app: `yarn build`.

### License

MIT license