frontend-new-react/入门篇/00. 序章/新版 React 课程大纲(第二版).md
2022-11-24 11:18:27 +08:00

1.9 KiB
Raw Blame History

新版 React 课程大纲(第二版)

入门篇

在讲 React 课程的时候,我会默认大家已经学过了 Vue,讲课的时候会将一些知识和 Vue 进行一个对比。

序章

  • 课程整体介绍
  • 入门篇介绍

第一章

  • React 核心概念
    • React 基本介绍
    • JSX 基本介绍
    • 事件
    • React 中的组件
    • 组件状态传递
    • 表单
    • 生命周期
  • Hooks
    • Hooks 介绍
    • useState
    • useEffect

第二章

  • React-Router-Dom v6
    • v6 版本 router 的基本使用
    • 完成学生管理系统
  • React-redux
    • redux 核心概念
    • react-redux 的基本使用
    • 完善学生管理系统

第三章

  • antd 介绍
  • Coder Station 项目介绍
  • 完成 Coder Station 前台项目

第四章

  • dva 的基本使用
  • antdpro 介绍
  • Umi4 基本介绍
  • 完成 Coder Station 后台项目

就业篇

序章

  • 就业篇整体介绍

第一章(进阶知识)

  • 属性默认值和类型验证
  • 高阶组件
  • Ref
  • Context
  • PureComnent
  • RenderProps
  • Portals
  • 错误边界

第二章(高级概念)

  • 事件系统
  • 深入 props
  • 深入 state
  • 渲染过程
  • 渲染控制
  • 渲染调优

第三章(架构篇)

  • React 架构概述
  • 调度与时间片
  • 调和与 fiber
  • render 全流程
  • 更新流程
  • v18commit 全流程
  • Hooks 原理
  • Context 原理

第四章v18 新特性)

  • transition
  • Suspense
  • 新的 Hooks
  • 订阅外部数据源
  • concurrent 下的 state 更新流程
  • Offscreen

第五章(实践篇)

  • 实现 keepalive 功能
  • 处理海量数据
  • ......

源码篇

序章

  • 源码篇介绍

第一章

  • React 源码

第二章

  • React-router 源码

第三章

  • Redux 源码
  • React-redux 源码
  • dva 源码