react-mobile-template icon indicating copy to clipboard operation
react-mobile-template copied to clipboard

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

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] 弹窗控制理念

安装

pnpm create keepdesign

# 选择 react-mobile-template

pnpm install

运行

pnpm dev

打包

pnpm sit

# or

pnpm prod

技术栈

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

版本记录

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