- React 简介
- JSX
- 组件
- React 生命周期
- 条件渲染
- 表单
- HOC & mixins
- ES6 语法
- 元素渲染
- props & state
- React 事件处理
- 列表 & keys
- propTypes 类型检查
React 基础入门
会员1410 人学过 254 次评价 作者: firefliesx 难度: 初级
综合评分:
9.8
本课程将重心放在 React 基础知识，从最基本的 JSX 语法开始，带你逐渐领略元素，组件，props & state，生命周期等 React 基本组成单位，最后我们会对 React 的 HOC 作一定的了解，以感受 React 组件化的编程思想。
你将学到的
课程内容
共13个章节
实验 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.getDefaultPropsgetInitialStatecomponentWillMountrendercomponentDidMount 3.存在期componentWillReceivePropsshouldComponentUpdatecomponentWillUpdatecomponentDidUpdate 4.销毁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 安装
- 新建静态 HTML 文件并创建 React App
- 动手学习 let & const、箭头函数、类及模板字符串
- 动手学习 JSX 相关语法
- 动手学习 声明元素、将元素渲染到 DOM 中以及更新元素渲染
- 动手学习 声明组件以及组件分类
- 动手学习 props 和 state
- 动手学习 实例化、存在期以及销毁
- 动手学习 事件声明和绑定 this
- 动手学习 if else、元素变量、&& 运算符、三目运算符、阻止组件渲染
- 动手学习 渲染多个组件以及 keys
- 动手学习 input、textarea 以及 select
- 动手学习 简单类型检查和复杂类型
- 动手学习 Mixins 和 HOC
先学知识
- 最好是先了解前端基础相关的知识，推荐学习HTML5 基础教程 和 CSS3 基础教程。
课程难度
- 本课程难度为中等。
面向用户
- 本课程是 React 基础入门课程，面向已经有基础的前端知识储备同时想要进一步学习 React 的同学。
课程教师
firefliesx 共发布过 3 门课程
查看老师的所有课程 >学过本课的同学也学过...
加入编程交流社群👇
这节讲得不错
挺有趣的！
1:let & const 2:箭头函数 3:类与普通构造方法 4:模板字符串替换传统拼接
安装react成功
合理的key值
组件生命周期的了解
学习
箭头函数 类 模板字符串
React js
dasdas
~~~
继续爬楼
继续爬楼
HOC
PropTypes