你将学到的
  • React 简介
  • JSX
  • 组件
  • React 生命周期
  • 条件渲染
  • 表单
  • HOC & mixins
  • ES6 语法
  • 元素渲染
  • props & state
  • React 事件处理
  • 列表 & keys
  • propTypes 类型检查
课程内容
  共13个章节
实验 1 React 简介与安装使用

知识点: 1.React简介 2.React安装 3.React简单操作

知识点: 1.let&const 2.箭头函数 3.类 4.模板字符串

知识点: 1.JSX简介 2.JSX表达式 3.JSX属性 4.JSX与事件 5.JSX与样式 6.JSX与Objects 7.JSX与XSS 8.不使用JSX

知识点: 1.声明元素 2.将元素渲染到DOM中 3.更新元素渲染

知识点: 1.函数式声明组件 2.ES6类语法声明组件 3.ES5语法声明组件 4.组件分类

知识点: 1.props简介 2.props的简单传值 3.props传值在父子组件嵌套中的应用 4.props传递方法 5.props修改 6.state定义及简单操作 7.state修改 8.state与props

实验 7 React 生命周期

知识点: 1.实例化 2.getDefaultProps 3.getInitialState 4.componentWillMount 5.render 6.componentDidMount 7.存在期 8.componentWillReceiveProps 9.shouldComponentUpdate 10.componentWillUpdate 11.componentDidUpdate 12.销毁 13.componentWillUnmount

实验 8 React 事件处理

知识点: 1.事件声明 2.绑定this

知识点: 1.ifelse 2.元素变量 3.&&运算符 4.三目运算符 5.阻止组件渲染

知识点: 1.渲染多个组件 2.keys

知识点: 1.input 2.textarea 3.select

实验 12 propTypes 类型检查

知识点: 1.一个简单的类型检查 2.复杂类型

知识点: 1.Mixins 2.HOC

课程介绍

实验任务

  • React 安装
  • 新建静态 HTML 文件并创建 React App
  • 动手学习 let & const、箭头函数、类及模板字符串
  • 动手学习 JSX 相关语法
  • 动手学习 声明元素、将元素渲染到 DOM 中以及更新元素渲染
  • 动手学习 声明组件以及组件分类
  • 动手学习 props 和 state
  • 动手学习 实例化、存在期以及销毁
  • 动手学习 事件声明和绑定 this
  • 动手学习 if else、元素变量、&& 运算符、三目运算符、阻止组件渲染
  • 动手学习 渲染多个组件以及 keys
  • 动手学习 input、textarea 以及 select
  • 动手学习 简单类型检查和复杂类型
  • 动手学习 Mixins 和 HOC

先学知识

最好是先了解前端基础相关的知识,推荐学习HTML5 基础教程CSS3 基础教程

课程难度

本课程难度为中等。

面向用户

本课程是 React 基础入门课程,面向已经有基础的前端知识储备同时想要进一步学习 React 的同学。

课程教师

firefliesx 共发布过 3 门课程

查看老师的所有课程 >
实验楼楼+
实验楼会员
会员
开通会员,即刻开始学习
公众号
实验楼学习助手 实验楼订阅号