Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Opinionated Frontend Starter Kit

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/hising/frontend-starter-kit.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
  • 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

About

Totally opinonated starter-kit for a front-end based on React, TypeScript, MobX, Webpack, Ant-D

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published