项目简介
本项目面向React新手,主要演示了redux+redux-saga
、mobx
、redux-toolkit
、recoil
几种状态管理方案的使用。通过实现相同的redo/undo逻辑,对比各方案的代码量和心智负担。同时,项目还展示了React的其他特性与生态,如React Hooks、React Router、Suspense、Tailwind CSS等。
项目的主要特性和功能
- 展示多种状态管理方案的实现,对其优缺点进行分析。
- 提供React其他特性的学习和实践机会,包括Hooks、路由配置、组件懒加载等。
- 使用Tailwind CSS进行原子化、语义化的样式管理。
- 利用Prettier、ESlint等工具进行代码规范管理。
安装使用步骤
- 环境准备:确保系统安装的Node.js版本 >= 12.0.0。
- 安装依赖:打开终端,进入项目目录,执行
npm install
。 - 启动项目:运行
npm run start
。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】