Skip to content

Latest commit

 

History

History
78 lines (60 loc) · 2.12 KB

README.md

File metadata and controls

78 lines (60 loc) · 2.12 KB
Raw

Opinionated Frontend Starter Kit

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

TypeScript, Babel, Webpack, React, Mobx, AntD

CircleCI code style: prettier Netlify Status

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