课程分类

课程介绍
课程目录
用户评论
课程介绍
课程目录
用户评论

你将获得

  • 掌握某些知识点
  • 学会某些技巧(或思路)

教学服务

  • icon

    1v1专属答疑服务

  • icon

    BAT专家面试辅导

课程详情

走进 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、组件声明;