Skip to content
Totally opinonated starter-kit for a front-end based on React, TypeScript, MobX, Webpack, Ant-D
TypeScript JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
__tests__
monitor
src
.babelrc
.editorconfig
.gitignore
.npmrc
.nvmrc
.prettierrc
LICENSE
README.md
jest.config.js
netlify.toml
package-lock.json
package.json
postcss.config.js
tsconfig.json
tslint.json
webpack.config.development.js
webpack.config.js
webpack.config.production.js No sourcemap and better naming for cache busting in prod Sep 13, 2019

README.md

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

You can’t perform that action at this time.