https://github.com/wenpengfei/parcel-typescript-react-boilerplate
parcel-typescript-react-boilerplate
https://github.com/wenpengfei/parcel-typescript-react-boilerplate
boilerplate mobx mobx-react parcel react react-router typescript
Last synced: about 1 month ago
JSON representation
parcel-typescript-react-boilerplate
- Host: GitHub
- URL: https://github.com/wenpengfei/parcel-typescript-react-boilerplate
- Owner: wenpengfei
- License: mit
- Created: 2018-01-17T00:37:03.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-06-07T06:50:02.000Z (almost 7 years ago)
- Last Synced: 2025-03-27T19:43:01.994Z (about 2 months ago)
- Topics: boilerplate, mobx, mobx-react, parcel, react, react-router, typescript
- Language: TypeScript
- Size: 79.1 KB
- Stars: 36
- Watchers: 2
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# parcel-typescript-react-boilerplate
## Setup
```
git clone [email protected]:wenpengfei/parcel-typescript-react-boilerplate.git
cd parcel-typescript-react-boilerplate
yarn
npm start
```
## Tech Stack
### Core
* [typescript](https://www.typescriptlang.org/)
* [react@v16](https://reactjs.org/)
* [react-router@v4](https://reacttraining.com/react-router/)
* [mobx](https://mobx.js.org/index.html)
* [mobx-react](https://github.com/mobxjs/mobx-react)
### Utils
* [parcel](https://parceljs.org)
* [tslint](https://palantir.github.io/tslint/)
* [stylelint](https://stylelint.io/)
## Structure
```
├── src
│ ├── app.scss
│ ├── app.tsx # 入口文件
│ ├── pages.tsx # 模板页
│ ├── routes.ts # 菜单
│ ├── assets # 资源文件
│ │ └── logo.svg
│ ├── components # 组件目录
│ │ ├── content-container # 页面container
│ │ │ └── index.tsx
│ │ ├── index.tsx # components 入口文件
│ │ ├── layout # 布局页
│ │ │ ├── index.scss
│ │ │ └── index.tsx
│ │ ├── login-form # 登陆组件
│ │ │ ├── index.scss
│ │ │ └── index.tsx
│ │ └── router-link
│ │ └── index.tsx
│ ├── service # api
│ │ ├── base.ts
│ │ ├── index.ts # api 入口文件
│ │ └── user
│ │ └── index.ts
│ ├── stores # mobx store
│ │ ├── app
│ │ │ └── index.ts
│ │ ├── base.ts
│ │ ├── index.ts # store 入口文件
│ │ ├── member
│ │ │ └── index.ts
│ │ └── user
│ │ └── index.ts
│ ├── utils # 工具类
│ │ ├── auth.ts
│ │ ├── fetch.ts
│ │ ├── index.ts # 工具类入口文件
│ │ └── validator.ts
│ └── views # 页面
│ ├── index.ts
│ ├── login
│ │ └── index.tsx
│ ├── member
│ │ └── index.tsx
│ ├── not-found
│ │ └── index.tsx
│ └── user
│ ├── add.tsx
│ ├── edit.tsx
│ ├── form.tsx
│ ├── index.tsx
│ ├── list.tsx
│ └── table.tsx
├── index.html
├── tsconfig.json
├── tslint.json
├── yarn-error.log
└── yarn.lock
├── README.md
├── package.json
```