课程介绍

2018年9月28日最新发布8小时学会React入门实战视频教程，此套教程由大地老师精心录制，8小时让你学会React开发，没错就是8小时！细致的讲解，详细的剖析，幽默的案例，由浅入深，逐步深入，让你快速了解并掌握React的基础语法、React组件、React中的请求数据、React的React-Router4.x路由、以Antd的使用，一套最实用最新的React入门实战视频教程

另有一套精品react精品视频教程推荐：

课程目录

• 2018年最新8小时学会 React + React-router4.x+Ant Design+Flux入门实战视频教程目录结构介绍：
• 01 React的介绍、yarn npx、用React脚手架create-react-app搭建React环境 运行React项目（22分13秒）
• 1、大前端技术体系以及薪资介绍
• 2、React的介绍
• 3、搭建React开发环境之前的准备工作
• 4、搭建React开发环境的两种方法
• 5、npx介绍
• 02 React目录结构分析 、创建组件、 JSX语法、 绑定数据 绑定对象（25分5秒）
• 1、React目录结构
• 2、React创建组件
• 3、React JSX语法
• 4、React绑定数据
• 5、React绑定对象
• 03 React 创建组件、绑定属性( 绑定class 绑定style)、引入图片 循环数组渲染数据（32分29秒）
• 1、React 创建组件
• 2、React绑定属性
• 3、React ( 绑定class 绑定style)
• 4、React引入图片的三种方式
• 5、React循环数组渲染数据的几种方式
• 04 React事件 方法、 React定义方法的几种方式 获取数据 改变数据 执行方法传值（13分33秒）
• 1、React 事件
• 2、React 定义方法
• 3、React 方法改变this指向的三种方式
• 4、React 获取表单数据、setState改变数据
• 5、React 执行方法传值
• 05 React 键盘事件 表单事件 事件对象以及React中的ref获取dom节点 、React实现类似Vue的双向数据绑定（35分8秒）
• 1、React 键盘事件
• 2、React 表单事件
• 3、React 事件对象
• 4、React ref获取dom节点
• 5、React 类似Vue的双向数据绑定
• 06 React表单详解 约束性和非约束性组件 input text checkbox radio select textarea 以及获取表单的内容(36分33秒)
• 1、React 监听from提交事件以及阻止默认行为
• 2、React 表单 text
• 3、React 表单radio
• 4、React 表单checkbox
• 5、React 表单select
• 6、React 表单textarea
• 07 React实现Todolist练习（上）（15分21秒）
• 1、React 实现获取表单数据
• 2、React增加数据
• 3、React 删除数据
• 08 React实现Todolist练习 Todolist 待办事项 已经完成事项（中）（22分8秒）
• 1、React checkbox综合练习
• 2、React Todolist 待办事项
• 3、React Todolist 已完成事项
• 09 React的模块化以及封装Storage实现todolist 待办事项 已经完成事项 以及实现数据持久化（下）（13分10秒）
• 1、React 中自定义模块
• 2、自定义Storage模块
• 3、React 代办事项已完成事项数据持久化
• 10 React中的组件、父子组件、React props父组件给子组件传值、子组件给父组件传值、父组件中通过refs获取子组件属性和方法(34分3秒)
• 1、React 组件介绍
• 2、父子组件
• 3、父组件给子组件传值
• 4、父组件给子组件传方法
• 5、把整个父组件传给子组件
• 6、子组件给父组件传值
• 7、父组件通过refs主动执行子组件的方法
• 8、父组件通过refs主动获取子组件数据
• 11 React propTypes defaultProps （11分15秒）
• 1、React 父子组件传值 propTypes
• 2、React 父子组件传值 defaultProps
• 12 React 获取服务器数据 axios插件 fetch-jsonp插件的使用（26分15秒）
• 1、React 获取服务器数据axios
• 2、React 获取服务器数据fetch-jsonp
• 13 React 生命周期函数（26分48秒）
• 1、React 生命周期函数介绍
• 2、constructor 、componentWillMount、 render 、componentDidMount
• 3、shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate
• 4、你在父组件里面改变props传值的时候触发componentWillReceiveProps
• 5、组件销毁的时候触发的componentWillUnmount
• 14 React路由 react-router4.x的基本配置（19分54秒）
• 1、react-router4.x 路由介绍
• 2、react-router4.x的基本配置
• 15 React路由 react-router4.x 动态路由以及get传值 React中使用url模块（25分40秒）
• 1、react-router4.x 动态路由
• 2、react-router4.x get传值
• 3、React中使用url模块解析get传值
• 16 React【无人点餐无人收银系统案例】路由配置、菜品列表制作、请求数据渲染二维数组、 动态路由传值【基础项目】（31分8秒）
• 1、react-router4.x 路由配置
• 2、react-router4.x 请求菜品和菜品分类数据
• 3、react-router4.x 循环渲染二维数组
• 4、react-router4.x跳转到菜品详情传值
• 17 React【无人点餐无人收银系统案例】菜品详情请求api渲染数据 以及解析Html【基础项目】（16分11秒）
• 1、react-router4.x 请求菜品详情api 渲染数据
• 2、react-router4.x 请求菜品详情解析html
• 18 React 渲染数据注意事项、以及react-router4.x中使用js跳转路由（24分41秒）
• 1、react-router4.x 渲染数据注意事项
• 2、react-router4.x 使用js跳转路由
• 19 React react-router4.x路由的嵌套（20分54秒）
• 1、react-router4.x 路由嵌套 父子路由
• 20 React react-router4.x中实现路由模块化、以及嵌套路由父子组件传值（29分4秒）
• 1、react-router4.x 路由模块化
• 2、react-router4.x嵌套路由模块化
• 3、react-router4.x嵌套路由模块化 以及父子路由传值
• 21 React UI框架Antd(Ant Design)的使用 以及react Antd的使用 button组件 Icon组件 Layout组件 DatePicker日期组件（21分14秒）
• 1、React Ui框架 Ant Design介绍
• 2、React Ui框架 Ant Design的使用
• 3、按钮组件、icon组件、日期组件的使用
• 4、antd布局组件结合路由实现后台管理界面