Opinionated Frontend Starter Kit

https://yetric-ui.netlify.com/

TypeScript, Babel, Webpack, React, Mobx, AntD

Demo - Blog Post

Getting started

• Clone the repository

git clone https://github.com/yetric/yetric-ui.git <project_name>

• Install dependencies

cd <project_name>
npm install
npm run dev

App accessible at http://localhost:3000

Tools included

• Webpack
  • HTML Webpack Plugin
  • Mini CSS Extract Plugin
  • Webpack Dev Server
  • Sass/Scss/Css/Style-loader
  • Favicons Webpack Plugin
• Babel
  • React
  • TypeScript
  • Decorators
  • Class Properties
  • Async/Await
  • Object Spread Operator
• React
  • React Hot Loader
• MobX
  • Decorators
  • Mobx For React
  • React Router
• TypeScript
• Prettier
• Jest
• Tslint
• Ant Design

TODO

• Add commit-hooks (Prettier, Jest) with Husky PR#1
• Create base models that hook up CRUD agains REST-API
• Optimize Bundle Size #4
• Add Webpack Analyze tools #2
• Create a RootStore that has all other Stores as props
• Use Fetch instead of Axios #3
• Check if DevServer port is taken, if so, grab next free
• Add PostCSS loader #5
• Make Ant Design Optional
• Create a starter script for config
• Add CircleCI build config
• Add tests (Jest) #6
• Set up a basic event manager for important user and usage events

Contribute

Clone the repo, do your magic, create a Pull Request

---

More: Yetric AB - Yetric Blog