https://github.com/dshuais/react-mobile-template

一个react移动端H5的项目模板，基于 vite + react + typescript + swc + tailwindcss + zustand + postcss-pxtorem，为减少每次项目开发前的重复操作而搭建
https://github.com/dshuais/react-mobile-template

antd-mobile h5 mobile pxtorem react swc tailwindcss template typescript zustand

Last synced: about 1 month ago
JSON representation

一个react移动端H5的项目模板，基于 vite + react + typescript + swc + tailwindcss + zustand + postcss-pxtorem，为减少每次项目开发前的重复操作而搭建

• Host: GitHub
• URL: https://github.com/dshuais/react-mobile-template
• Owner: dshuais
• License: mit
• Created: 2024-04-12T02:27:51.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-08-21T11:58:16.000Z (5 months ago)
• Last Synced: 2024-08-21T13:20:05.155Z (5 months ago)
• Topics: antd-mobile, h5, mobile, pxtorem, react, swc, tailwindcss, template, typescript, zustand
• Language: TypeScript
• Homepage: https://react-mobile-template-ds.netlify.app/
• Size: 568 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# React-Mboile-Template

一个自用的 React 移动端 H5 项目模板，主要为了减少每次项目开发前的重复操作。主要采用 Vite + React + TypeScript + SWC + Tailwind css + Zustand + Ant Design Mobile 等常用技术栈和常用库构建。

## 主要功能

- [x] 动态路由最佳实践

- [x] px to rem

- [x] 完善的 Axios

- [x] 区分环境变量

- [x] 最佳 Zustand 状态管理仓库实践

- [x] Svg To Component

- [x] 弹窗控制理念

## 安装

```bash

pnpm create keepdesign

# 选择 react-mobile-template

pnpm install

```

## 运行

```bash

pnpm dev

```

## 打包

```bash

pnpm sit

# or

pnpm prod

```

## 技术栈

主要采用 Vite + React + TypeScript + SWC + Tailwind css + Zustand + Ant Design Mobile 等常用技术栈和常用库构建

- [Vite](https://vitejs.cn/vite3-cn/)

- [React](https://react.dev/)

- [Tailwindcss](https://www.tailwindcss.cn/)

- [Zustand](https://zustand-demo.pmnd.rs/)

- [Ant Design Mobile](https://mobile.ant.design/zh)

## 版本记录

> 已移除 Valtio 状态管理仓库备选，react 框架还是遵循不可变原则较好。