走进 React Native 的精彩世界【妙味课堂】
  1. React 环境配置、路由等相关学习问题解答;

    1. 录播
      1-react视频介绍
      15分钟
    2. 录播
      2-问题解答与学习方法
      16分钟
  2. 详解 React 官方推荐的学习方法、学习路径

    1. 录播
      3-react 体系介绍
      12分钟
    2. 录播
      4-商品筛选-react 介绍
      12分钟
  3. 案例:修改文本框的值、电商商品分类筛选

    1. 录播
      5-商品筛选-基于数据渲染结构
      19分钟
    2. 录播
      6-商品筛选-更新视图
      14分钟
  4. React问答及编写代码 解决问题的思路和方法

    1. 录播
      7-商品筛选-完成选择选项
      7分钟
    2. 录播
      8-商品筛选-删除及高亮
      11分钟
  5. 直播
    React 环境配置、路由等相关学习问题解答;
    11月18日 已结束
  6. 直播
    详解 React 官方推荐的学习方法、学习路径
    11月18日 已结束
  7. 直播
    案例:修改文本框的值、电商商品分类筛选
    11月18日 已结束
  8. 直播
    React问答及编写代码 解决问题的思路和方法
    11月18日 已结束
  9. 直播
    如何入门 React Native
    3月14日 已结束
  10. 直播
    关于 React Native 环境配置
    3月14日 已结束
  11. 直播
    React Native 基本组件与 api
    3月14日 已结束
  12. 直播
    React Native 路由导航基础
    3月14日 已结束
  13. 直播
    浮动
    6月26日 已结束
  14. 直播
    定位
    6月27日 已结束

对课程感兴趣?

点击报名,听课时长可兑换余额哦~

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

最近在学 36 累计报名 1616 好评度 66%
咨询老师

课程概述

目录

评论

简  介 - 周末班彻底玩转 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、组件声明;



 

* 课程提供者:妙味课堂

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