# 珠峰培训React18全家桶系统课

**Repository Path**: tanh-coding/react-systematic

## Basic Information

- **Project Name**: 珠峰培训React18全家桶系统课
- **Description**: 珠峰培训《React16/18全家桶》系统课！从零开始讲起，涵盖：基础知识、核心原理、项目实战、生态周边、面试真题、底层源码等全方位内容！！
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 7
- **Created**: 2022-11-27
- **Last Updated**: 2023-06-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 珠峰培训React16/18全家桶系统课
**本次课程我们会分为两大授课阶段**

**阶段一：React基础知识 & 核心原理 & 项目实战**
> 这一阶段，是React中最主要的；学完这一阶段，大家可以独立完成React项目实践，掌握“淘系”React解决方案；掌握常见的面试题；并且可以基于React技术栈去找工作了！！
> 
> 这一阶段，我们采用集中式授课模式：每周 “五天白天，每天近七个小时，持续一个多月的时间”，从基础知识到核心原理，再到项目实战，一个都不会落下！！「白天无法直播听课的同学，可以晚上自己看录播，遇到问题及时找老师解答即可」

- 使用 create-react-app 构建React工程化项目
	+ create-react-app的基础运用
	+ 修改默认的webpack配置项
	+ webpack打包优化
	+ ...
- React基础知识
	+ MVC & MVVM 的区别
	+ JSX语法构建视图及底层渲染机制
	+ React中的DOM-DIFF算法
	+ 合成事件及底层原理
	+ ...
- React中的组件化开发
	+ 纯函数组件
		+ 属性规则校验
		+ 仿vue中slot插槽的处理
		+ ...
	+ 类组件
		+ Component和PureComponent 
		+ state状态及更新
		+ setState的批处理机制
		+ 生命周期函数
		+ ref
		+ ...
	+ React Hooks组件及实现原理
		+ useState
		+ useEffect
		+ useContext
		+ useReducer
		+ useCallback
		+ useMemo
		+ useRef
		+ useImperativeHandle
		+ useLayoutEffect
		+ 自定义Hook
		+ ...
	+ 组件通信的常规方案
		+ 父子通信
		+ 祖先和后代通信
		+ 平行组件通信
		+ ...
	+ 高阶组件及运用
	+ Suspense 异步组件
- React样式的处理方案
	+ 内联样式
	+ 使用CSS样式表
	+ CSS Modules
	+ React-JSS
	+ ...
- 基于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、文件上传等
	+ ...
- 基础实战之知乎日报WebApp
	+ 如何从零构建React项目
	+ 打造属于React的路由表、路由懒加载、动态路由、导航守卫等
	+ keep-alive
	+ 组件封装、UI组件库的二次封装等
	+ 项目优化技巧
	+ 专业解决方案：登录态、权限、数据缓存等
	+ React项目中常用的插件
	+ ...
- 进阶实战之淘系React框架和解决方案
	+ redux-saga和dva解决方案
	+ 淘系React框架：umi
	+ Ant Design Pro 企业级中后台前端/设计解决方案
	+ 打造CMS内容管理系统
	+ ...
- React常见面试题分析

**阶段二：React源码解读 & 周边生态**

这一阶段，主要涉及的就是React进阶内容、最新知识体系、以及和其有关的生态内容！例如：

- 基于 vite + typescript + react 的新解决方案
- React核心源码
- 基于 Taro 构建多端应用
- 基于 React Native 构建移动端应用
- 基于 next.js 的React SSR
- .....

这部分知识，我们会在集中式学习完毕后，每周定期更新一次「一般都是晚上直播」；我们会不断融入新的内容进来，不断去完善项目实战，不断去探索新的技术等！！