# React项目大合集

**Repository Path**: leeyamaster/react-project-collection

## Basic Information

- **Project Name**: React项目大合集
- **Description**: 以下是我的React开源项目，涵盖React全家桶，TypeScript，单元测试，SSR。希望对你有所帮助。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-01-17
- **Last Updated**: 2025-09-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React

## README

# React项目大合集

#### 介绍
以下是我的React开源项目，涵盖React全家桶，TypeScript，单元测试，SSR。希望对你有所帮助。

##### NextJs实现QQ空间
https://gitee.com/leeyamaster/my-home

##### 轻量级后台管理系统 shadcn+RHF+TanStack
https://gitee.com/leeyamaster/lee-ya-react-admin

##### React实现备忘录。 功能实现列表增加，删除，多删，修改方法。 UI框架为antd-design-mobile 数据框架为redux-toolkit 项目管理框架为husky+commitlint规范commit提交，eslint prettier规范代码。
https://gitee.com/leeyamaster/react-todo-list

##### 面向TDD编程，通过Jest实现单元测试全覆盖。 已完成axios+mockjs模拟请求，以及redux异步请求。 未完待续：单元测试测试redux，以及行为测试模拟操作。
https://gitee.com/leeyamaster/react-tdd-todo-list

##### React实现SKU，后台根据表单，生成笛卡尔积，创建sku表格，然后前台，根据组合的库存，来判断是否选中，库存为0就置灰。1.0版本为纯方法实现，之后2.0版本，为生成一个数组，通过匹配这个数组，来进行实现。
https://gitee.com/leeyamaster/react-sku

##### React + Rxjs 实现Rxjs形式的Hooks
https://gitee.com/leeyamaster/react-rxjs

##### React实现AI机器人
- sse返回content，将返回的数据，根据\n\n进行split分割，建一个md转换为html的映射表，将数据进行转换。遇到code时，特殊处理一下开始匹配符和结束匹配符。
- 写了一个自定义hooks，实现打字效果。
- 写了一个自定义hooks，实现EventSource链接。
- https://gitee.com/leeyamaster/react-mock-ai


##### 资料网站
- https://react.docschina.org/learn/installation    React 官网
- https://mobile.ant.design/    antd-design-mobile 官网
- http://mockjs.com/examples.html     mockjs  官网
- https://jest.nodejs.cn/docs/tutorial-react    jest 官网
- https://ahooks.js.org/zh-CN/hooks/     ahooks官网
- https://cn.vitejs.dev/    vite官网
- https://react-guide.github.io/react-router-cn/docs/guides    React-Router官网
- https://4x-ant-design.antgroup.com/components/overview-cn    antd官网
- https://www.tailwindcss.cn/docs/installation  tailwind css官网
- https://formilyjs.org/zh-CN/guide formily 框架
- https://nextjs.frontendx.cn    nextjs官网
- https://ui.shadcn.com/  shadcn
- https://www.shadcn-ui.cn/  shadcn中文版
- https://shadcnui-expansions.typeart.cc/  shadcnui-expansions
- https://www.shadcn-form.com/playground  shadcn-form
- https://next.nodejs.cn/docs/  nextjs
- https://motion.dev/  motion
- https://motion-primitives.com/  motion-primitives
- https://uibrary.com/  uibrary
- https://react-hook-form.nodejs.cn/  react-hook-form
- https://juejin.cn/book/7307859898316881957  juejin
- https://tailwindcss.com/  tailwind
- https://zod.nodejs.cn/  zod
- https://tanstack.com/  tanstack
- https://sonner.emilkowal.ski/  sonner