React Native 大纲

快速开始

• 概念详解
• 最少介绍搭建 hello world （10 page）
• 在不同环境(win,mac)中安装 RN
• 创建项目
• 启动 Android 项目 ，step one step
• 启动 iOS 项目 ，step one step
• 改代码展示热更新

React Native 架构详解

• 分析 react native 源码讲解架构
• 分析 cpp 和 Java 和 Obj-c 和 JS 的交互部分
  • 向下调用
  • 向上事件反馈
• UI 层（从上到下这条线）
  • 怎么绑定 Native UI，并且渲染出来
  • 怎么 Layout （Yoga）

React Native 导航

• 导航介绍
  • 什么是导航，组织项目的方式
  • 包含哪些东西？页面切换（Stack 管理）、切换动画、页面路由管理
• 导航横向测评
• React-Navigation 功能讲解（功能需要细化 TODO）
• React-Navigation 原理分析（页面切换（Stack 管理）、切换动画、页面路由管理 分析）

React Naitve 布局

• 布局介绍
• 布局原理（Android，iOS）
• 布局器介绍（yoga）
• 布局器简单原理

React Native 手势和高级动画效果

• 手势讲解
• 动画讲解（基本动画、复杂动画库）
• 动画 Native Driver 实现分析以及和 JS Driver 的比较
• React-Navigation 自定义转场动画实现

扩展 React Native

• 如何扩展
• 扩展的原理
  • 扩展 API
  • 扩展 View
• 扩展的时机（讨论 JS or Native?）（设计哲学）

已有项目引入 React Native

• 单 bundle 多入口
• 多 bundle 多入口

基于 React DSL 构建多端同构应用

• 架构介绍
  • 重用模型逻辑，领域驱动设计，讨论回归软件设计本源
• 介绍通过 react ,react native ,react + electron 构建准同构多端应用
• react 生态（redux、dva）
• 模块的设计哲学