为了账号安全,请及时绑定邮箱和手机立即绑定

基于实例的 React16 傻瓜课程

难度初级
时长 1小时50分
学习人数
综合评分9.9
18人评价 查看评价
10.0 内容实用
9.7 简洁易懂
10.0 逻辑清晰
简介:你有多少次看了一些教程,想写代码的时候却发现无从开始?没有长篇大论的文档和PPT,正确的课程应该是完全基于实例,本课程用一系列有趣的、简洁明快的实例由浅入深的阐述了 React 的特色,概念和基本使用。同时进而引出了 React 16 新的概念和用法。让没有任何 React 基础的人也能很快掌握核心概念并且应用于实际工作中。实战内容:https://coding.imooc.com/class/302.html

第1章 进入React的世界

在本章中,我们会阐述 React 的基本概念和优势, 使用 creat-react-app 搭建了本地开发环境。完成第一个组件,并且使用 ReactDOM.render 方法把组件挂载到了 DOM 上。同时引出了一个类似 HTML 的神奇语法。

第2章 JSX语法

在本章中,我们会阐述 React 的基本概念和优势, 使用 creat-react-app 搭建了本地开发环境。完成第一个组件,并且使用 ReactDOM.render 方法把组件挂载到了 DOM 上。同时引出了一个类似 HTML 的神奇语法。

第3章 Props/State/Forms 属性和状态

在本章中,将会通过四个有趣的实例 - 名片、点赞按钮、电子时钟,留言框来分别阐述了 React 的四个重要的基本概念- 属性(props),状态(state),生命周期,表单

第4章 综合实例 - 留言本

顺着表单的概念,在本章中我们将会完成一个留言板的综合实例,将会要学习两个 React 不同于其他双向绑定框架的重要概念 - 状态提升 和 单向数据流。

第5章 React 16 之 Context

在本章中介绍了 React 16.3 一个新的特性 Context,通过一个样式切换的小例子,让大家了解了 Context 的核心概念,提供了代替 多层传递属性 的解决方案

第6章 课程总结

在最后一章中,回顾本课程中所有关于 React 的概念,同时展望在 React 基础课程之后的学习路径和进阶课程。
课程须知
了解基本的 Javascript(ES6)语法
老师告诉你能学到什么?
1、React本地开发环境的搭建 2、React组件 和 JSX 3、React的属性(props)和状态(state) 4、React组件的生命周期 5、React表单- 非受控表单和受控表单 6、React开发思想 - 状态提升和单向数据流 7、React16新增特性 Context
意见反馈 帮助中心 APP下载
官方微信