走进 React Native 的精彩世界【妙味课堂】

走进 React Native 的精彩世界【妙味课堂】

最近在学 59人 累计报名 1487 好评度 66% 收藏
  • 咨询QQ2780064174
更多班级

咨询QQ2780064174

上课时间:17年11月 至 22年11月

免费

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

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

立即报名

课程概述

课程目录

学员评论

老师介绍

妙味课堂-莫涛

妙味课堂-莫涛

妙味课堂创始人之一,精通H5移动端开发技巧;妙味官网核心功能开发者、海量的H5、CSS3、移动端系列视频录制者;妙味最新移动端课程研发者,同时具备多年丰富的教学经历,为人谦逊,处事低调,与之接触学员均对其赞赏有加。 现主导妙味新课程研发与移动端课程标准化工作,同时负责妙味实体班、远程班、公开课……
简  介 - 周末班彻底玩转 React “全家桶” 系列; - Npm + webpack + React + react-router-dom + Redux + react-redux; - 讲师手把手带领大家从 React 基础的 API,到 React 案例、电商购物车商品管理系统实战; - 全程录制视频、提供全部资料源码 PPT 下载;

走进 React Native 的精彩世界


 

上课时间:2018 年 3 月 14 日 (周三) 晚上:20:00 ~ 22:00
 

基本组件描述:
在这个部分,你会感受到开始写第一行 react native 代码是何种体验?
我将带你了解 react native 的布局与组件基础。
react native 工作在 react 之上,我们之前使用 react 在 web 上开发;
但现在转向 App 之后,在组件使用上有所不同,我们会比较这些不同,从而快速精准的切换到 native app 开发中。

react 路由导航基础:
在这个部分我们会先了解在 app 中一般都会有什么类型的导航
接着我们会接触到一个库 react-navigation——这是 react native 官方推荐的一个导航库。
我们会查看这个库提供了什么基础功能,并且体会到 react native 中跳转到另一个 page 和 web 上的不同之处。

收获:
* 了解 react native 的环境配置,进入正常开发的环境
* 了解 react native 基本组件与样式使用
* 了解 react native 中导航的使用

学前基础:
* react 基础
* flex 布局

 


远程公开课: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、组件声明;



 

* 课程提供者:妙味课堂

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