# 2022React体系课

**Repository Path**: zxt_team/react-lesson1-2022

## Basic Information

- **Project Name**: 2022React体系课
- **Description**: 2022年React体系课，从零开始学React！！
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 11
- **Forks**: 10
- **Created**: 2022-07-06
- **Last Updated**: 2024-12-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### 珠峰培训React体系课（从零开始）

**课程大纲-概要「V1版本」**
`围绕React本身及其核心生态`
- 使用 create-react-app 构建React工程化项目
	+ create-react-app的基础使用
	+ 修改默认webpack配置项
	+ 配置优化&兼容处理
	+ ...
- React基础知识
	+ MVC & MVVM
	+ 全面拥抱JSX
	+ JSX底层渲染机制
	+ DOM-DIFF
	+ 合成事件
	+ ...
- React中的组件化开发
	+ 纯函数组件
		+ 属性规则校验
		+ 仿vue中slot插槽的处理
		+ ...
	+ 类组件
		+ Component和PureComponent   /pjʊə(r)/
		+ state状态及更新
		+ 进阶setState
		+ 生命周期函数
		+ ref
		+ ...
	+ React Hooks组件
		+ useState
		+ useContext
		+ useRef
		+ useCallback
		+ useEffect
		+ ...
	+ 组件通信的常规方案
		+ 父子通信
		+ 祖先和后代通信
		+ 平行组件通信
		+ ...
	+ 高阶组件及运用
	+ Suspense 异步组件
- 基于redux和react-redux构建“公共状态管理”机制
	+ redux基础和工程化
	+ react-redux的应用
	+ redux中间件
	+ 深入redux和react-redux核心
	+ mobx
	+ ...
- 基于react-router-dom构建前端路由机制
	+ SPA & MPA
	+ Hash路由和History路由的底层机制
	+ router V5的基础运用
	+ router V6的基础运用
	+ 路由跳转及传参
	+ ...
- Antd和AntdMobile组件库
	+ 基础运用
	+ 核心组件：表单、table、文件上传等
	+ ...
- React综合实战开发
	+ PC端：cms管理系统系统
	+ 移动端：知乎日报WebApp
	+ 如何从零构建React项目
	+ 打造属于React的路由表、路由懒加载、动态路由、导航守卫等
	+ 样式私有化管理方案
	+ keep-alive
	+ 组件封装、UI组件库的二次封装等
	+ 项目优化
	+ 专业解决方案：登录态、权限、数据缓存等
	+ React项目中常用的插件
	+ ...

**课程大纲-设想「V2版本」**
`围绕React专业化实战、进阶、扩展和周边`
- 淘系React框架和解决方案
	+ redux-saga和dva解决方案
	+ 淘系React框架：umi
	+ Ant Design Pro 企业级中后台前端/设计解决方案
- 基于 vite + typescript + react 的新解决方案
- 基于 Taro 构建多端应用
- 基于 React Native 构建移动端应用
- 基于 next.js 的React SSR
- ...

欢迎各位同学提供一些好的建议、好的项目、或者想要去学习的内容，我们共同成长！！