# react18基础模版

**Repository Path**: qwerttrewq/react-18-basic-template

## Basic Information

- **Project Name**: react18基础模版
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-21
- **Last Updated**: 2025-06-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React + TypeScript + Vite 项目

这是一个使用现代React技术栈构建的项目，包含以下特性：

## 技术栈

- **React 18** - 用户界面库
- **TypeScript** - 类型安全的JavaScript
- **Vite** - 快速构建工具
- **React Router DOM** - 客户端路由
- **Zustand** - 轻量级状态管理
- **PostcssMobileForever** - 移动端自适应及桌面端模式适配

## 项目结构

```
src/
├── components/     # 可复用组件
│   └── Navigation.tsx
├── pages/         # 页面组件
│   ├── Home.tsx
│   ├── About.tsx
│   └── Contact.tsx
├── store/         # Zustand状态管理
│   └── useStore.ts
├── router/         # 路由管理
│   └── guards.tsx  # 路由拦截
│   └── index.tsx   # 路由配置信息
├── App.tsx        # 主应用组件
└── main.tsx       # 应用入口
```

## 功能特性

### 路由功能
- 使用React Router DOM实现客户端路由

### 状态管理
- 使用Zustand进行状态管理
- 全局状态持久化


## 安装和运行

```bash
# 安装依赖
npm install

# 开发模式运行
npm run dev

# 构建生产版本
npm run build

# 预览生产构建
npm run preview
```