前端高手课前置课程-React.js 基础

React.js作为当下最流行的前端框架之一，是成为前端高手的必备技能。许多开发者在学习高阶前端知识时，常因React基础不扎实而难以深入。几米课堂推出的《前端高手课前置课程-React.js 基础》，专为零基础或基础薄弱的学习者设计，从最核心的概念讲起，通过循序渐进的案例教学，帮你构建完整的React知识框架，夯实基础，为后续学习前端高手课铺平道路。

*   01 第一章 React基础【v6.5】/

  *   00 资料/

    *   01 React-RouterV6.x-代码.zip (0.40 MB)

    *   02 React-RouterV6.x-代码.zip (0.40 MB)

    *   03 阶段七：React项目实战资料.txt (0.00 MB)

  *   01 React基本使用/

    *   01 01-react基础目标 (1.13 MB), 00:58

    *   02 02-react概述 (6.69 MB), 05:12

    *   03 03-react的基本使用 (13.04 MB), 07:06

    *   04 04-react的基本使用（常用方法说明） (8.63 MB), 05:06

    *   05 05-react脚手架的基本使用 (6.60 MB), 04:58

    *   06 06-react脚手架的基本使用（细节补充说明）知道即可 (4.17 MB), 03:13

    *   07 07-react脚手架中使用react (7.96 MB), 04:28

    *   08 08-react基础阶段总结 (3.92 MB), 03:06

  *   02 JSX语法/

    *   01 09-JSX的学习目标 (1.34 MB), 01:05

    *   02 10-JSX的基本使用 (9.90 MB), 07:00

    *   03 11-为什么脚手架中可以使用JSX语法 (3.16 MB), 02:22

    *   04 12-JSX的注意点 (7.69 MB), 05:33

    *   05 13-在JSX中使用JavaScript表达式 (4.46 MB), 03:07

    *   06 14-JSX中使用JavaScript表达式的注意点 (12.67 MB), 07:32

    *   07 15-JSX的条件渲染 (12.83 MB), 07:31

    *   08 16-JSX的列表渲染 (8.56 MB), 06:02

    *   09 17-JSX的样式处理 (9.17 MB), 05:52

    *   10 18-JSX阶段总结 (5.22 MB), 04:11

  *   03 React组件基础/

    *   01 19-React组件基础学习目标 (1.69 MB), 01:17

    *   02 20-React组件介绍 (2.99 MB), 02:10

    *   03 21-组件的两种创建方式（1函数组件） (12.37 MB), 08:10

    *   04 22-组件的两种创建方式（2类组件） (7.46 MB), 04:56

    *   05 23-组件的两种创建方式（3抽离为独立js文件） (8.61 MB), 05:43

    *   06 24-React事件处理（1事件绑定） (10.76 MB), 06:51

    *   07 25-React事件处理（2事件对象） (5.83 MB), 03:50

    *   08 26-有状态组件和无状态组件 (5.97 MB), 04:21

    *   09 27-state的基本使用 (8.55 MB), 05:51

    *   10 28-组件中的state和setState()（1setState()修改状态） (8.98 MB), 05:51

    *   11 29-组件中的state和setState()（2从JSX中抽离事件处理程序） (9.72 MB), 05:47

    *   12 30-事件绑定this指向（1箭头函数） (5.14 MB), 03:40

    *   13 31-事件绑定this指向（2bind） (5.70 MB), 03:41

    *   14 32-事件绑定this指向（3class的实例方法） (2.79 MB), 02:05

    *   15 33-事件绑定this指向-总结 (5.73 MB), 03:20

    *   16 34-表单处理（1受控组件概念） (4.10 MB), 03:11

    *   17 35-表单处理（2受控组件使用步骤） (6.94 MB), 05:08

    *   18 36-表单处理（3受控组件的示例） (16.71 MB), 07:34

    *   19 37-表单处理（4多表单元素优化） (16.20 MB), 08:54

    *   20 38-表单处理（5非受控组件） (6.72 MB), 04:36

    *   21 39-React组件基础总结 (3.14 MB), 02:32

    *   22 40-React组件基础综合案例（1案例需求分析） (5.87 MB), 04:13

    *   23 41-React组件基础综合案例（2渲染评论列表） (6.60 MB), 03:38

    *   24 42-React组件基础综合案例（3渲染暂无评论并优化代码） (16.04 MB), 08:29

    *   25 43-React组件基础综合案例（4获取评论信息） (9.84 MB), 05:14

    *   26 44-React组件基础综合案例（5发表评论-1） (11.56 MB), 06:26

    *   27 45-React组件基础综合案例（6发表评论-2边界情况处理） (8.11 MB), 05:06

  *   04 React组件进阶/

    *   01 46-React组件进阶学习目标 (1.35 MB), 01:03

    *   02 47-组件通讯介绍 (2.80 MB), 01:52

    *   03 48-组件的props（1基本使用） (11.34 MB), 07:25

    *   04 49-组件的props（2特点） (14.79 MB), 09:00

    *   05 50-组件通讯的三种方式（1父组件传递数据给子组件） (7.37 MB), 04:52

    *   06 51-组件通讯的三种方式（2子组件传递数据给父组件） (13.77 MB), 08:03

    *   07 52-组件通讯的三种方式（3兄弟组件通讯） (14.30 MB), 08:50

    *   08 53-Context的基本使用 (14.56 MB), 09:18

    *   09 54-props深入（1children属性） (11.54 MB), 07:07

    *   10 55-props深入（2props校验） (16.94 MB), 10:10

    *   11 56-props深入（3props校验-约束规则） (11.99 MB), 06:44

    *   12 57-props深入（4props的默认值） (5.91 MB), 04:24

    *   13 58-组件的生命周期（1概述） (3.74 MB), 02:59

    *   14 59-组件的生命周期三个阶段（1创建时） (22.36 MB), 12:10

    *   15 60-组件的生命周期三个阶段（2更新时-1触发时机） (11.07 MB), 06:14

    *   16 61-组件的生命周期三个阶段（2更新时-2钩子函数说明） (26.00 MB), 12:57

    *   17 62-组件的生命周期三个阶段（3卸载时） (10.96 MB), 06:50

    *   18 63-组件的生命周期三个阶段（4不常用钩子函数介绍） (6.94 MB), 04:27

    *   19 64-render props和高阶组件概述 (8.38 MB), 06:39

    *   20 65-render props模式（1思路分析） (7.33 MB), 05:20

    *   21 66-render props模式（2使用步骤） (16.62 MB), 09:34

    *   22 67-render props模式（3演示Mouse组件的复用） (11.85 MB), 06:20

    *   23 68-render props模式（4children代替render属性） (10.22 MB), 06:02

    *   24 69-render props模式（5代码优化） (11.23 MB), 05:59

    *   25 70-高阶组件（1介绍） (7.38 MB), 05:20

    *   26 71-高阶组件（2使用步骤） (26.45 MB), 13:12

    *   27 72-高阶组件（3设置displayName） (14.09 MB), 07:35

    *   28 73-高阶组件（4传递props） (8.43 MB), 03:52

    *   29 74-React组件进阶总结 (6.18 MB), 04:59

  *   05 React原理及优化/

    *   01 75-React原理揭秘学习目标 (1.39 MB), 01:05

    *   02 76-setState()方法的说明（1更新数据） (13.65 MB), 08:46

    *   03 77-setState()方法的说明（2推荐语法） (12.51 MB), 07:52

    *   04 78-setState()方法的说明（3第二个参数） (9.26 MB), 05:56

    *   05 79-JSX语法的转化过程 (11.63 MB), 08:02

    *   06 80-组件更新机制 (13.06 MB), 08:29

    *   07 81-组件性能优化（1减轻state） (4.25 MB), 03:13

    *   08 82-组件性能优化（2避免不必要的重新渲染1） (14.11 MB), 08:56

    *   09 83-组件性能优化（2避免不必要的重新渲染-随机数案例） (16.98 MB), 10:46

    *   10 84-组件性能优化（2避免不必要的重新渲染-随机数案例2） (13.72 MB), 06:56

    *   11 85-组件性能优化（3纯组件-基本使用） (14.27 MB), 09:08

    *   12 86-组件性能优化（3纯组件-shallow compare） (19.72 MB), 12:56

    *   13 87-虚拟DOM和Diff算法 (14.75 MB), 10:37

    *   14 88-虚拟DOM和Diff算法（代码演示） (10.20 MB), 06:15

    *   15 89-React原理揭秘总结 (8.80 MB), 06:50

  *   06 React路由/

    *   01 90-React路由基础学习目标 (1.12 MB), 00:54

    *   02 91-React路由介绍 (4.57 MB), 03:29

    *   03 92-路由的基本使用 (13.16 MB), 09:04

    *   04 93-路由的基本使用（常用组件说明） (13.21 MB), 08:42

    *   05 94-路由的执行过程 (9.47 MB), 05:40

    *   06 95-编程式导航 (19.97 MB), 10:59

    *   07 96-默认路由 (4.66 MB), 03:04

    *   08 97-匹配模式（1模糊匹配模式） (13.73 MB), 08:28

    *   09 98-匹配模式（2精确匹配） (7.40 MB), 05:01

    *   10 99-React路由基础总结 (5.78 MB), 04:43

    *   11 【补充说明】React-RouterV6.x (1.19 GB), 59:26

*   02 第二章 好客租房项目【v6.5】/

  *   00 资料/

    *   01 阶段七：React项目实战资料.txt (0.00 MB)

  *   01 项目介绍和初始化/

    *   01 01-好客租房移动Web（上）学习目标 (1.95 MB), 01:35

    *   02 02-项目介绍 (23.69 MB), 10:56

    *   03 03-本地接口部署 (11.52 MB), 07:11

    *   04 04-初始化项目 (18.83 MB), 12:32

    *   05 05-组件库antd-mobile的介绍和使用 (15.05 MB), 09:07

    *   06 06-配置基础路由 (22.90 MB), 11:04

    *   07 07-外观和样式调整 (11.64 MB), 06:22

    *   08 08-两种布局页面 (7.70 MB), 04:39

    *   09 09-嵌套路由 (28.93 MB), 15:52

  *   02 项目首页布局+功能实现/

    *   01 10-实现TabBar（1基本使用） (38.88 MB), 15:07

    *   02 11-实现TabBar（2修改TabBar外观样式） (57.71 MB), 22:26

    *   03 12-实现TabBar（3TabBar配合路由使用） (60.74 MB), 24:00

    *   04 13-实现TabBar（4TabBar.Item代码重构） (20.84 MB), 08:43

    *   05 14-首页模块（首页路由处理） (29.58 MB), 14:21

    *   06 15-轮播图组件的基本使用 (36.47 MB), 15:50

    *   07 16-获取轮播图数据 (24.21 MB), 11:02

    *   08 17-导航菜单 (26.14 MB), 11:02

    *   09 18-导航菜单（代码重构） (10.59 MB), 04:40

    *   10 19-轮播图Bug分析和修复 (25.23 MB), 10:25

    *   11 20-TabBar菜单高亮Bug分析和修复 (27.10 MB), 13:11

    *   12 21-在脚手架中使用sass (10.58 MB), 06:06

    *   13 22-租房小组的业务介绍和数据获取 (16.51 MB), 08:48

    *   14 23-租房小组结构样式 (53.31 MB), 20:11

    *   15 24-租房小组数据渲染 (10.44 MB), 03:31

    *   16 25-最新资讯（作为练习）及解决TabBar遮挡Bug (14.47 MB), 05:10

    *   17 26-顶部导航 (19.67 MB), 08:01

  *   03 百度地图API使用/

    *   01 27-H5中的地理位置API (21.69 MB), 11:59

    *   02 28-百度地图API（1介绍） (13.22 MB), 05:39

    *   03 29-百度地图API（2申请百度账号和秘钥） (9.48 MB), 05:01

    *   04 30-百度地图API（3使用步骤） (34.40 MB), 15:57

    *   05 31-百度地图API（4获取顶部导航城市信息） (30.21 MB), 12:48

  *   04 城市选择和渲染/

    *   01 32-城市选择模块功能分析 (5.75 MB), 03:21

    *   02 33-城市选择模块（顶部导航栏） (28.40 MB), 13:28

    *   03 34-获取并处理城市列表数据 (8.45 MB), 04:08

    *   04 35-获取并处理城市列表数据（1数据格式分析和转化） (38.62 MB), 17:22

    *   05 36-获取并处理城市列表数据（2热门城市数据） (17.07 MB), 08:00

    *   06 37-封装获取当前定位城市的函数 (52.78 MB), 23:11

    *   07 38-获取并处理城市列表数据（3添加当前定位数据） (7.58 MB), 03:12

    *   08 39-长列表性能优化（1概述） (6.11 MB), 04:31

    *   09 40-长列表性能优化（2懒渲染说明） (4.73 MB), 03:30

    *   10 41-长列表性能优化（3可视区域渲染） (12.02 MB), 06:33

    *   11 42-react-virtualized（1概述） (8.16 MB), 03:11

    *   12 43-react-virtualized（2基本使用） (34.72 MB), 13:08

    *   13 44-渲染城市列表（让List组件占满屏幕） (28.24 MB), 11:47

    *   14 45-渲染城市列表 (24.32 MB), 09:50

    *   15 46-渲染城市列表（展示城市索引） (16.56 MB), 06:26

    *   16 47-渲染城市列表（展示索引下的城市以及动态计算每一行的高度） (28.11 MB), 10:07

    *   17 48-渲染右侧索引列表 (33.06 MB), 13:19

    *   18 49-渲染右侧索引列表（2滚动城市列表让对应索引高亮） (20.89 MB), 09:47

    *   19 50-渲染右侧索引列表（3点击索引指定该索引城市） (52.82 MB), 19:14

    *   20 51-切换城市 (28.03 MB), 10:59

    *   21 52-好客租房移动Web（上）-总结 (19.70 MB), 09:45

  *   05 顶部导航组件封装/

    *   01 53-好客租房移动Web（中）学习目标 (2.27 MB), 01:45

    *   02 54-地图找房模块功能分析 (7.56 MB), 03:26

    *   03 55-封装顶部导航栏组件（1顶部导航） (19.88 MB), 09:13

    *   04 56-封装顶部导航栏组件（2样式调整） (22.87 MB), 09:19

    *   05 57-封装顶部导航栏组件（3功能处理withRouter） (27.61 MB), 11:57

    *   06 58-封装顶部导航栏组件（4添加props校验） (11.94 MB), 06:17

    *   07 59-在城市选择页面使用NavHeader组件 (10.16 MB), 04:05

    *   08 60-组件间样式覆盖问题的说明 (24.49 MB), 12:09

  *   06 CSS Modules/

    *   01 61-CSS-IN-JS的说明 (9.44 MB), 05:34

    *   02 62-CSS Modules的说明 (15.59 MB), 09:42

    *   03 63-CSS Modules在项目中的使用 (24.51 MB), 11:00

    *   04 64-CSS Modules的应用 (19.14 MB), 10:03

  *   07 地图找房功能实现/

    *   01 65-地图找房页面顶部导航栏样式处理 (14.06 MB), 05:55

    *   02 66-根据定位展示当前城市 (38.04 MB), 12:44

    *   03 67-创建文本覆盖物 (16.01 MB), 06:58

    *   04 68-绘制房源覆盖物 (29.77 MB), 11:01

    *   05 69-地图找房功能分析 (11.08 MB), 05:51

    *   06 70-渲染所有区的覆盖物 (56.99 MB), 19:52

    *   07 71-地图找房功能的封装流程 (12.26 MB), 08:01

    *   08 72-地图找房功能renderOverlays (32.96 MB), 14:32

    *   09 73-地图找房功能createOverlays (16.23 MB), 07:29

    *   10 74-地图找房功能createCircle (19.26 MB), 07:52

    *   11 75-地图找房功能createRect（绘制小区覆盖物） (21.81 MB), 08:21

    *   12 76-获取并展示小区房源数据 (52.28 MB), 19:26

    *   13 77-获取并展示小区房源数据（优化） (22.12 MB), 08:13

    *   14 78-createRect方法封装完成 (46.11 MB), 18:27

    *   15 79-添加loading优化体验 (19.30 MB), 07:09

    *   16 80-axios优化和环境变量 (8.62 MB), 05:42

    *   17 81-使用环境变量（修改图片地址） (30.66 MB), 14:47

    *   18 82-axios优化（手动创建axios实例） (14.33 MB), 07:01

    *   19 83-列表找房模块功能分析 (9.33 MB), 03:58

    *   20 84-封装首页搜索导航栏 (32.92 MB), 13:51

    *   21 85-实现找房页面搜索导航栏（结构和样式） (44.57 MB), 17:34

    *   22 86-找房页面返回按钮事件和修改首页搜索导航组件 (15.40 MB), 05:22

  *   08 FilterTitle、FilterPicker、FilterMore组件实现/

    *   01 87-条件筛选栏组件结构分析 (34.37 MB), 16:51

    *   02 88-条件筛选栏组件的功能分析 (8.75 MB), 04:15

    *   03 89-FilterTitle组件实现思路分析 (13.73 MB), 07:21

    *   04 90-FilterTitle组件实现（1高亮逻辑） (16.01 MB), 07:09

    *   05 91-FilterTitle组件实现（2点击菜单高亮） (22.86 MB), 09:50

    *   06 92-FilterPicker组件实现思路分析 (10.99 MB), 05:25

    *   07 93-FilterPicker组件（1控制展示和隐藏） (34.65 MB), 14:10

    *   08 94-FilterPicker组件（2获取当前筛选条件的数据-1） (24.55 MB), 10:19

    *   09 95-FilterPicker组件（3获取当前筛选条件的数据-完成） (30.30 MB), 12:50

    *   10 96-FilterPicker组件（4获取选中值） (21.60 MB), 09:53

    *   11 97-FilterPicker组件（5设置默认选中值） (27.83 MB), 12:17

    *   12 98-FilterPicker组件（6解决设置默认选中值的bug） (18.28 MB), 09:47

    *   13 99-完善FilterTitle高亮功能（1实现思路） (13.92 MB), 07:23

    *   14 100-完善FilterTitle高亮功能（2实现步骤） (49.56 MB), 16:35

    *   15 101-FilterMore组件（1渲染组件数据） (24.07 MB), 08:53

    *   16 102-FilterMore组件（2获取选中值以及设置高亮） (30.91 MB), 12:43

    *   17 103-FilterMore组件（3清除和确定按钮的逻辑处理） (23.78 MB), 09:30

    *   18 104-FilterMore组件（4设置默认选中值） (22.15 MB), 09:26

    *   19 105-完成FilterTitle高亮功能 (54.29 MB), 19:40

  *   09 房源筛选及房屋详情功能/

    *   01 106-根据筛选条件获取房屋列表数据（组装筛选条件） (29.08 MB), 13:09

    *   02 107-获取房屋列表数据 (28.39 MB), 11:40

    *   03 108-进入页面时获取数据 (13.78 MB), 06:06

    *   04 109-使用List组件渲染数据 (48.65 MB), 16:44

    *   05 110-使用WindowScroller让List跟随页面滚动 (45.52 MB), 18:38

    *   06 111-InfiniteLoader组件的说明和基本使用 (34.71 MB), 14:26

    *   07 112-加载更多房屋列表数据 (31.26 MB), 11:16

    *   08 113-条件筛选栏吸顶功能（1实现思路） (8.03 MB), 03:40

    *   09 114-条件筛选栏吸顶功能（2实现步骤1） (16.77 MB), 07:55

    *   10 115-条件筛选栏吸顶功能（2实现步骤2） (34.15 MB), 11:21

    *   11 116-条件筛选栏吸顶功能（3通用性优化以及组件封装原则） (18.16 MB), 08:46

    *   12 117-列表找房功能优化-找Bug模式（1加载提示） (49.74 MB), 21:04

    *   13 118-列表找房功能优化-找Bug模式（2条件筛选栏优化） (35.53 MB), 13:46

    *   14 119-列表找房功能优化-找Bug模式（3切换城市显示房源） (30.72 MB), 13:49

    *   15 120-react-spring动画库概述 (24.45 MB), 09:15

    *   16 121-react-spring动画库的基本使用 (21.72 MB), 09:53

    *   17 122-实现遮罩层动画 (37.67 MB), 16:15

    *   18 123-房屋详情模块功能分析 (11.88 MB), 05:34

    *   19 124-房屋详情模块功页面模板说明 (20.84 MB), 08:22

    *   20 125-路由参数的说明和基本使用 (26.37 MB), 13:03

    *   21 126-展示房屋详情（1） (22.92 MB), 09:29

    *   22 127-展示房屋详情（2完成） (52.89 MB), 17:09

    *   23 128-好客租房移动Web（中）总结 (19.90 MB), 09:22

  *   10 用户登录功能实现/

    *   01 129-好客租房移动Web（下）学习目标 (1.89 MB), 01:26

    *   02 130-登录模块功能分析 (10.39 MB), 05:49

    *   03 131-用户登录（1分析页面结构和样式） (7.38 MB), 03:35

    *   04 132-用户登录（2登录功能1） (15.09 MB), 07:37

    *   05 133-用户登录（2登录功能完成） (24.54 MB), 10:09

    *   06 134-用户登录（3表单校验说明） (11.31 MB), 07:02

    *   07 135-formik介绍 (20.18 MB), 09:20

    *   08 136-使用formik重构登录功能 (46.65 MB), 18:19

    *   09 137-两种表单验证方式 (13.43 MB), 06:13

    *   10 138-给登录功能添加表单验证 (43.30 MB), 17:52

    *   11 139-简化表单处理 (17.55 MB), 07:29

    *   12 140-我的页面（1页面结构和样式） (12.59 MB), 05:41

    *   13 141-我的页面（2功能分析） (8.65 MB), 04:57

    *   14 142-我的页面（3功能实现） (34.12 MB), 14:36

    *   15 143-我的页面（4退出功能） (25.66 MB), 11:07

    *   16 144-登录访问控制（1概述） (6.76 MB), 05:10

    *   17 145-登录访问控制（2使用axios拦截器统一处理token） (36.65 MB), 16:35

    *   18 146-登录访问控制（3分析AuthRoute鉴权路由组件） (26.94 MB), 14:28

    *   19 147-登录访问控制（4封装AuthRoute鉴权路由组件） (28.90 MB), 12:00

    *   20 148-登录访问控制（5修改登录成功跳转） (24.95 MB), 11:49

  *   11 房源收藏功能实现/

    *   01 149-我的收藏模块功能分析 (8.56 MB), 04:33

    *   02 150-检查房源是否收藏 (31.15 MB), 12:14

    *   03 151-收藏房源（1） (15.23 MB), 06:27

    *   04 152-收藏房源（2） (39.63 MB), 15:49

  *   12 发布房源和搜索房源功能实现/

    *   01 153-房源发布模块（功能演示和介绍） (12.91 MB), 06:35

    *   02 154-发布房源模块-模板改动说明 (15.60 MB), 07:51

    *   03 155-配置三个页面的路由规则 (15.24 MB), 07:01

    *   04 156-关键词搜索小区信息（1实现思路） (13.32 MB), 07:21

    *   05 157-关键词搜索小区信息（2实现步骤） (26.65 MB), 11:49

    *   06 158-关键词搜索小区信息（3传递小区信息给发布房源页面） (20.63 MB), 09:55

    *   07 159-发布房源（1页面结构分析） (27.20 MB), 11:16

    *   08 160-发布房源（2获取房源数据） (29.78 MB), 12:36

    *   09 161-发布房源（3获取房屋配置数据） (10.35 MB), 04:43

    *   10 162-发布房源（4房屋图片上传分析） (8.31 MB), 05:00

    *   11 163-发布房源（5获取房屋图片） (9.34 MB), 04:07

    *   12 164-发布房源（6上传房屋图片） (20.25 MB), 08:49

    *   13 165-发布房源（7完成） (22.33 MB), 09:14

  *   13 项目打包及项目优化/

    *   01 166-项目打包 (17.19 MB), 08:47

    *   02 167-修改脚手架配置说明 (9.78 MB), 05:44

    *   03 168-项目优化（1antd-mobile按需加载） (29.09 MB), 12:44

    *   04 169-项目优化（2基于路由的代码分割） (38.23 MB), 15:26

    *   05 170-项目优化（3其他优化和说明） (21.75 MB), 07:25

    *   06 171-好客租房移动Web（下）总结 (6.55 MB), 04:48