liinkiing/react-typescript-starter

A simple starter to work with React, Typescript, Mobx, styled, reach router and prettier

React TS starter

This starter contains some boilerplate code, with following directory strucutre :

src/
├── assets/
│   ├── fonts/
│   ├── images/
├── components/
├── pages/
├── stores/
├── styles/
│   ├── modules/
│       ├── mixins.ts
│       ├── reset.ts // reset.css
│   ├── global.ts // global styled-component
└── utils/

Git LFS is already setup for *.png, *.jpg and *.jpeg files, so you need git-lfs. You can customize the git lfs behaviour in .gitattributes file

I use it mainly for my personal projects, but feel free to test this workflow!

Installation

Yarn

$ yarn install
$ yarn start

NPM

$ npm install
$ npm run start

Git hooks

This starter is shipped with husky to handle various git hooks. The pre-commit is used to prettify source files thanks to prettier.