t18n / react-typescript-boilerplate

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

Home Page:https://react-scss-boilerplate.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

  • React with Typescript minimal config
  • Hot-loader
  • Absolute import (like src/assets/images/img.png instead of ../../assets/images/img.png)
  • Style with SASS / SCSS
  • 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
  • SEO optimized
    • robots.txt
    • Auto generate sitemap
    • meta tags added allow easy configuration
    • Social media sharing optimized
  • Netlify config for easy deployment
  • Commit hook with Husky

Get started

  • To run the app: yarn start
  • To build the app: yarn build.

License

MIT license

About

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

https://react-scss-boilerplate.netlify.app/

License:MIT License


Languages

Language:Sass 42.3%Language:JavaScript 24.6%Language:TypeScript 23.3%Language:HTML 9.8%