课程目录

• React 基础 – 配套资料
• React 基础 – day01
• React 基础 – day02
• React 基础 – day03
• React 基础 – day04+day05
• React 基础 – day06
• React 基础 – day07
• React 基础 – day08
• React 基础 – day09
• React 基础 – day10
• React基础 – day11
• React基础 – day12
• React基础-视频
• day01
• Day1-01.React简单介绍
• Day1-02.React开发环境创建
• Day1-03.JSX基础-概念和本质
• Day1-04.JSX基础-识别js表达式
• Day1-05.JSX基础-实现列表渲染
• Day1-06.JSX基础-实现基础条件渲染
• Day1-07.JSX基础-实现复杂条件渲染
• Day1-08.React中的事件绑定
• Day1-09.React组件基础使用
• Day1-10.useState基础使用
• Day1-11.useState修改状态的规则
• Day1-12.基础样式控制
• Day1-13.评论案例-列表渲染
• Day1-14.评论案例-删除功能实现
• Day1-15.评论案例-tab切换功能实现
• Day1-16.评论案例-排序实现
• Day1-17.classnames工具优化类名控制
• day02
• Day2-01.表单受控绑定
• Day2-02.React中获取DOM
• Day2-03.发表评论-核心功能实现
• Day2-04.发表评论-id和时间处理
• Day2-05.发表评论-清空内容和聚焦实现
• Day2-06.组件通信-父传子-基础实现
• Day2-07.组件通信-父传子-props说明
• Day2-08.组件通信-父传子-chilren说明
• Day2-09.父子组件通信-子传父实现
• Day2-10.使用状态提升实现兄弟组件通信
• Day2-11.使用context机制跨层传递数据
• Day2-12.useEffect-概念理解和基础使用
• Day2-13.useEffect-不同依赖项说明
• Day2-14.useEffect-清除副作用
• Day2-15.自定义Hook实现
• Day2-16.ReactHooks使用规则说明
• Day2-17.案例优化-使用useEffect获取数据
• Day2-18.案例优化-自定义hook封装请求逻辑
• Day2-19.案例优化-评论Item组件封装
• day03
• Day3-01.Redux快速上手
• Day3-02.Redux与React-环境准备
• Day3-03.Redux与React-实现counter
• Day3-04.Redux与React-提交action传参
• Day3-05.Redux与React-异步状态操作
• Day3-06.Redux调试-devtools
• Day3-07.美团案例-案例演示和环境准备
• Day3-08.美团案例-分类和商品列表渲染
• Day3-09.美团案例-点击分类激活交互实现
• Day3-10.美团案例-商品列表切换显示
• Day3-11.美团案例-添加购物车实现
• Day3-12.美团案例-统计区域功能实现
• Day3-13.美团案例-购物车列表功能实现
• Day3-14.美团案例-控制购物车显示和隐藏
• day04
• Day4-01.ReactRouter-快速开始
• Day4-02.ReactRouter-抽象路由模块
• Day4-03.ReactRouter-路由导航跳转
• Day4-04.ReactRouter-导航跳转传参
• Day4-05.ReactRouter-嵌套路由配置
• Day4-06.ReactRouter-默认二级路由配置
• Day4-07.ReactRouter-404路由配置
• Day4-08.ReactRouter-俩种路由模式
• Day4-09.记账本-功能演示和环境创建
• Day4-10.记账本-配置别名路径@
• Day4-11.记账本-数据Mock实现
• Day4-12.记账本-整体路由设计
• Day4-13.记账本-antD主题色定制
• Day4-14.记账本-Redux管理账目列表
• Day4-15.记账本-TabBar功能实现
• day05
• Day5-01.月度账单-统计区域-功能演示和结构搭建
• Day5-02.月度账单-统计区域-点击切换时间选择框
• Day5-03.月度账单-统计区域-点击确定切换时间显示
• Day5-04.月度账单-统计区域-数据按月分组实现
• Day5-05.月度账单-统计区域-计算选择月份之后的统计数据
• Day5-06.月度账单-统计区域-初始化渲染统计数据
• Day5-07.月度账单-列表区域-单日统计列表实现
• Day5-08.月度账单-列表区域-单日账单列表渲染显示
• Day5-09.月度账单-列表区域-点击切换账单展开和收起
• Day5-10.月度账单-账单类型图标组件封装
• Day5-11.新增账单-功能熟悉和结构搭建
• Day5-12.新增账单-支出和收入功能实现
• Day5-13.新增账单-新增表单实现
• Day5-14.新增账单-收尾优化
• day06
• Day6-01.使用CRA初始化项目环境
• Day6-02.安装scss包
• Day6-03.安装antDesign
• Day6-04.配置基础路由Router
• Day6-05.配置别名路径
• Day6-06.使用gitee管理项目
• Day6-07.登录-准备静态结构
• Day6-08.登录-表单校验实现
• Day6-09.登录-获取表单数据
• Day6-10.登录-封装request请求模块
• Day6-11.登录-redux管理token-编写样板代码
• Day6-12.登录-redux管理token-实现Token异步获取
• Day6-13.登录-redux管理token-实现登录后续逻辑
• Day6-14.登录-Token持久化
• Day6-15.登录-封装Token的存取删方法
• day07
• Day7-01.Axios请求头注入Token
• Day7-02.根据Token控制路由跳转
• Day7-03.Layout-结构创建和样式reset
• Day7-04.Layout-二级路由配置
• Day7-05.Layout-点击菜单跳转路由
• Day7-06.Layout-根据当前路由路径高亮菜单
• Day7-07.Layout-展示个人信息
• Day7-08.Layout-退出登录实现
• Day7-09.Layout-处理token失效
• Day7-10.Home-Echarts基础图表渲染
• Day7-11.Home-Echarts组件封装实现
• Day7-12.拓展-API模块封装
• day08
• Day8-01.文章发布-功能演示说明
• Day8-02.基础文章发布-准备基础结构
• Day8-03.基础文章发布-准备富文本编辑器
• Day8-04.基础文章发布-频道列表获取渲染
• Day8-05.基础文章发布-收集表单数据提交表单
• Day8-06.文章封面-上传文章封面基础实现
• Day8-07.文章封面-实现切换封面类型
• Day8-08.文章封面-控制上传图片的数量
• Day8-09.文章封面-发布带封面的文章
• Day8-10.文章列表-功能描述和结构创建
• Day8-11.文章列表-通过自定义hook获取频道列表
• Day8-12.文章列表-渲染table表格
• Day8-13.文章列表-适配文章状态
• day09
• Day9-01.文章列表-筛选功能实现
• Day9-02.文章列表-分页功能实现
• Day9-03.文章列表-删除功能实现
• Day9-04.文章列表-携带id跳转到编辑页
• Day9-05.编辑文章-回填基础数据
• Day9-06.编辑文章-回填封面信息
• Day9-07.编辑文章-根据id适配编辑和新增状态
• Day9-08.编辑文章-更新文章
• Day9-09.项目打包-基础打包和本地预览
• Day9-10.打包优化-配置路由懒加载
• Day9-11.打包优化-包体积可视化分析
• Day9-12.打包优化-CDN配置
• day10
• Day10-01.useReducer
• Day10-02.useMemo
• Day10-03.React.memo-基础使用
• Day10-04.React.memo-props比较机制说明
• Day10-05.useCallback
• Day10-06.React-forwardRef
• Day10-07.useInperativeHandle
• Day10-08.Class类组件-基础结构
• Day10-09.类组件生命周期函数
• Day10-10.类组件的组件通信说明
• Day10-11.zustand-基础用法
• Day10-12.zustand-异步支持
• Day10-13.zustand-切片模式
• day11
• Day11-01.React+TS基础环境创建
• Day11-02.useState-自动推导
• Day11-03.useState-泛型参数
• Day11-04.useState-初始值为null
• Day11-05.Props与TS-基础使用
• Day11-06.Props与TS-特殊的children属性
• Day11-07.props与TS-为事件prop添加类型
• Day11-08.useRef与TS
• day12
• Day12-01.项目环境创建
• Day12-02.安装antDesignMobile
• Day12-03.配置基础路由
• Day12-04.配置路径别名
• Day12-05.axios插件安装配置
• Day12-06.API模块封装-axios配合ts使用
• Day12-07.Home模块-channels基础数据渲染
• Day12-08.Home模块-channels-hooks优化
• Day12-09.Home模块-List-列表数据获取渲染
• Day12-10.Home模块-List无限加载实现
• Day12-11.详情模块-路由跳转&数据渲染
• React入门到实战导学视频
• React入门到实战完结篇