妙味 React 实战答疑 + 精品案例 公开课

妙味 React 实战答疑 + 精品案例 公开课

最近在学 151人 累计报名 499 好评度 33% 收藏
  • React 实战答疑
更多班级

React 实战答疑

上课时间:11月18日 至 22年11月

免费

本班因教学质量问题暂时不能报名。查看详情

课程因违反平台规定暂时不能报名。

立即报名 咨询在线电话

课程概述

课程目录

学员评论

老师介绍

妙味课堂-翟宏杰

妙味课堂-翟宏杰

妙味课堂《react最佳入门》、《redux 精品先导课程》、《webpack实用性基础教程》、《AI 训练系统:react+redux 实战视频教程》录制者,react 忠实重度使用者,使用 react+react-router+redux 开发项目若干,知晓 react+react-router+redux 技术栈的开发流程,乐于传授实际开发经验、布道 react 项目开发技巧…
简  介- 周末班彻底玩转 React “全家桶” 系列;
- Npm + webpack + React + react-router-dom + Redux + react-redux;
- 讲师手把手带领大家从 React 基础的 API,到 React 案例、电商购物车商品管理系统实战;
- 全程录制视频、提供全部资料源码 PPT 下载;

妙味图书《前端HTML+CSS修炼之道(视频同步+直播)》正式在京东发售:这是一次诚挚的图书推荐,推荐的理由不仅仅因为这是妙味课堂出品的第一本书,更重要的原因是:这本书除了包罗详尽的前端入门知识体系外,还提供了许多配套服务,为初学者准备了多个维度的问答帮助及各种直播课、作业指导等后续服务。



远程公开课:React 实战答疑 + 精品案例 公开课



React 框架学习之路颇为陡峭,许多朋友看手册、看视频、看案例学习,难免碰到各种 “拦路虎”。还有些小伙伴购买了妙味的 《React最佳入门》 视频教程,遇到一些技术问题后到 社区 提问,尽管讲师们已经对各种提问给出了详细解答,但这样仍然不 “过瘾”,索性我们给大家来一场远程公开课吧,和大家当面聊聊 React 学习过程中有哪些常见的问题,以及现场为大家演示几个精彩案例,看看这些实用的功能,如果由 React 来实现的话,能带来怎样的便捷和优势。

远程公开课:React 实战答疑 + 精品案例 公开课

 

上课时间:2017 年 11 月 18 日 (周六) 晚上:19:00 ~ 21:00
 

公开课内容:

1、React 环境配置、路由等相关学习问题解答;
2、详解 React 官方推荐的学习方法、学习路径;
3、React 精品案例之:修改文本框的值、电商网站商品分类筛选;
4、React 问答及编写代码和解决问题的思路和方法;


 

公开课 React 案例之一:修改文本框的值


描述
在这个文本框中案例中,我们会先定义出这个应用所需要的数据结构,接着我们会根据这些数据生成结构并渲染到页面中;在生成 dom 结构的过程中,我们还会给元素添加事件,当某些事件触发后,我们会去更改某些数据,接着 react 会基于这些新的数据产生新的结构,并把这些更新反映到页面中。
在修改文本框时,我们会使用一个数组来代表文本框的数据,每个文本框的数据使用对象表示,对象会有一个属性表示状态。表明文本框当前是否处于修改中,一个属性表示文本框的值,基于不同按钮所触发的事件,我们会修改相应的数据。
点击编辑会切换文本框的状态属性,确定或取消会修改文本框的值和状态属性。而对象的状态值会决定显示哪个组件,另外一个属性值会决定显示的文本内容……
 


公开课 React 案例之二:电商网站商品分类筛选


描述
在商品筛选这个例子中,我们会先定义出选择的数据、还有分类的数据。每个分类的每个内容都会有 id 去识别,当某个分类的某个内容被点击后,我们会添加相应的数据到选择数据的字段中。
选择数据中的节点被取消后我们会移除相应的数据,每次数据的修改 react 都会基于当前数据的状态得到一份新渲染

涉及到的知识点:

     1、数组操作的方法:map、filter;
     2、react 的事件;
     3、react 的状态更新;
     4、组件声明;



 

* 课程提供者:妙味课堂

老师还为你推荐了以下几门课程