# template: react-ts

TypeScript template for `react-boilerplate`.

## 🚀 Usage

Run the command with the `-ts` flag:

```
npx @imklau/react-boilerplate <app-name> -ts
```

## 👀 What's included?

- [React](https://reactjs.org/) - what a surprise 😳
- [React Router](https://reactrouter.com/) - routing library for React
- [TypeScript](https://www.typescriptlang.org/) - a superset of JavaScript that has optional typing and compiles to plain JavaScript
- [Emotion](https://emotion.sh/docs/introduction) - CSS in JS library
- [Svgr](https://react-svgr.com/) - transforms SVGs into React components
- [Eslint](https://eslint.org/), [Prettier](https://prettier.io/) - static analysis tool and code formatter

## 👩🏻‍💻 Available commands:

- `yarn start` - runs the app in the development mode. (`localhost:9000` by default)
- `yarn build` - builds the app for production, files are saved to the `public` folder
- `yarn lint` - runs eslint to check all your `.js` / `.ts` files in the `src` directory
- `yarn format` - runs prettier to format all your `.js` / `.ts` files in the `src` directory

## 🌳 Folder structure

```
├── build
├── src
│   ├── assets
│   ├── components
│   ├── theme
│   ├── views
│   ├── custom.d.ts
│   ├── index.html
│   └── index.jsx
├── tsconfig.json
├── package.json
├── .babelrc
├── .eslintrc
└── .prettierrc
```
