React

Reac 教研课程

React 教程

  • React Native 之原生移动应用开发

LEVEL 0 : 基础篇

课程开篇，完成基础自学。

chap0 : 前端

前端是基础，可以用1个课时快速总结。

  • HTML\H5

  • Javascript

    • 部分第三方库

  • DOM

  • ES6 标准等

LEVEL 1 : 入门篇

React基础认知，完成一系列React功能实现，感受强大的性能。

chap1 : React 优势的体现

快速展示并掌握React的强大优势，熟悉React的核心部分，创建自定义组件、修改状态、传递props等。认识React的特性。
使用一个用户交互的例子，体现特性。

  • 组件：自定义组件

  • 属性：设置属性

  • 状态：修改状态、响应事件

  • JSX：编写JSX语法结构的代码

  • 虚拟DOM：Virtual DOM操作节点

  • 数据流 Dataflow：单向数据流、组件间通信

LEVEL 2 : 进阶篇

配合使用React技术栈的强大工具，完成自己的app。

chap2 : React 技术栈

以任务驱动，掌握React的技术栈。
如：使用webpack、Redux等创建第一个自己的app。
包括React Native的初步使用。

  • 安装 webpack\Redux 等，上手实践

  • React 数据流管理架构之Redux篇

    • 对比其他数据流架构学习，如：Flux等

  • React Native
    以一个实际应用的实现来掌握React Native的使用，在开发移动端应用时的优势。

    • API、样式、移动端模块以及UI组件等

    • 实现：计算器应用，初步掌握React Native

  • React 实战（ToDo APP项目）
    逐步实现进阶项目篇，完成待办事项ToDo APP。

    • 以一个完备的实例理解React Native

LEVEL 3 : 高级篇

组队提升学习，开发比较完整的移动端app。

chap3 : 开发移动端高级应用

React Native在移动端的强大功能体现，组队完成iOS端实战项目（项目来源以GitHub开源项目为例。）

  • iOS 项目：Hacker News

    • React Native 实现的新闻类阅读APP

  • iOS 项目：Dribbble app

    • React Native 构建的社区类应用

附图：React