# Usage

```bash
cd dashboard
# install dependencies
yarn install
# start the dev server: http://localhost:8000/my/
yarn start
```

## Getting Started in **7** days

### Day 1: Prepare

- [TypeScript for JavaScript Programmers](https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html)
- [Install ubuntu@wls(ONLY For Windows User)](https://ubuntu.com/wsl)
- [Start continer](../docker)
- 在`tmux`内练习如下命令

  ```text
  Ctrl+b %
  Ctrl+b "
  Ctrl+b up/down/left/right
  ```

- Start backend & frontend server

### Day 2: Router & Component

- 浏览器打开： `http://localhost:8000/my/demo`
- 路由跳转（history vs Link） **pages/demo/index.tsx**
- 组件复用: **components/demo.ts**
- 路由参数： **pages/demo/[id]/show.tsx**

### Day 3: Form

- [Form](https://ant.design/components/form/), OnChange/OnSubmit events, Set/Get field value, Validator
- [Input](https://ant.design/components/input/)
- [Radio](https://ant.design/components/radio/)
- [Select](https://ant.design/components/select/)
- [Switch](https://ant.design/components/switch/)
- [Time picker](https://ant.design/components/time-picker/)
- [Date picker](https://ant.design/components/date-picker/)
- [Checkbox](https://ant.design/components/checkbox/)
- [Popconfirm](https://ant.design/components/popconfirm/)

### Day 4: 常见组件

- [Table](https://ant.design/components/table/#header)
- [Menu](https://ant.design/components/menu/#header)
- [Layout](https://ant.design/components/layout/)
- [Grid](https://ant.design/components/grid/)
- [Pagination](https://ant.design/components/pagination/)
- [Message](https://ant.design/components/message/)
- [Notification](https://ant.design/components/notification/)

### Day 5: State & Fetch

- Work with http rest api

### Day 6: Auth

### Day 7