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

一个react项目模板，基于 vite + react + typescript + swc + tailwindcss + valtio + antd，减少每次项目开发前的重复操作
https://github.com/dshuais/react-template

ant-design react react-router swc tailwindcss template typescript valtio vite zustand

Last synced: 10 days ago
JSON representation

一个react项目模板，基于 vite + react + typescript + swc + tailwindcss + valtio + antd，减少每次项目开发前的重复操作

• Host: GitHub
• URL: https://github.com/dshuais/react-template
• Owner: dshuais
• Created: 2024-03-29T04:05:27.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-08-20T12:12:17.000Z (4 months ago)
• Last Synced: 2024-08-20T16:43:10.504Z (4 months ago)
• Topics: ant-design, react, react-router, swc, tailwindcss, template, typescript, valtio, vite, zustand
• Language: TypeScript
• Homepage: https://react-template-ds.netlify.app
• Size: 178 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# React-Template

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

> 预览地址：[https://react-template-ds.netlify.app](https://react-template-ds.netlify.app/)

## 主要功能

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

- [x] 完善的 Axios

- [x] 区分环境变量

- [x] Zustand 状态管理仓库的最佳食用

- [x] Svg To Component

## 安装

```bash

pnpm create keepdesign

# 选择 react-pc-template

pnpm install

```

## 运行

```bash

pnpm dev

```

## 打包

```bash

pnpm sit

# or

pnpm prod

```

`

## 技术栈

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

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

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

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

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

- [Ant Design](https://ant.design/index-cn/)