React 基础入门

免费
关注

本课程将重心放在 React 基础知识,从最基本的 JSX 语法开始,带你逐渐领略元素,组件,props & state,生命周期等 React 基本组成单位,最后我们会对 React 的 HOC 作一定的了解,以感受 React 组件化的编程思想。

实验1
React 简介与安装使用
知识点: 1.React简介 2.React安装 3.React简单操作
实验2
ES6 语法
知识点: 1.let&const 2.箭头函数 3.类 4.模板字符串
实验3
JSX
知识点: 1.JSX简介 2.JSX表达式 3.JSX属性 4.JSX与事件 5.JSX与样式 6.JSX与Objects 7.JSX与XSS 8.不使用JSX
实验4
元素渲染
知识点: 1.声明元素 2.将元素渲染到DOM中 3.更新元素渲染
实验5
组件
知识点: 1.函数式声明组件 2.ES6类语法声明组件 3.ES5语法声明组件 4.组件分类
实验6
props & state
知识点: 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
实验9
条件渲染
知识点: 1.ifelse 2.元素变量 3.&&运算符 4.三目运算符 5.阻止组件渲染
实验10
列表 & keys
知识点: 1.渲染多个组件 2.keys
实验11
表单
知识点: 1.input 2.textarea 3.select
实验12
propTypes 类型检查
知识点: 1.一个简单的类型检查 2.复杂类型
实验13
HOC & mixins
知识点: 1.Mixins 2.HOC
React 基础入门