React-Native 入门到实战

React-Native 入门到实战

499.0 原价:499.0

richardcao 金牌讲师
简 介

课程交流QQ群:576089067

课程讨论(下载)板块:React-Native 专栏

课程目录:


react-native初识

  • 移动端开发趋势与未来
  • 什么是hybrid应用(以支付宝、手淘、携程等为例)
  • 原生与hybrid优缺点与取舍
  • 现有主流的hybrid框架(cordova,ionic等)
  • react-native的前世今生
  • react-native与现有主流hybrid框架的对比,核心竞争力(虚拟DOM等)
  • 业内哪些知名商业项目应用了react-native,是如何应用的,带来什么好处(天猫、携程等)
  • 我们应该如何看待react-native?

react-native入门

  • react-native环境配置与踩坑(Hello World,两种开发方式:原生为主 or 原生为辅,rnpm)
  • react-native ide选择(插件配置等)
  • react-native布局:flexbox简介(style)
  • react-native props和state介绍(包括生命周期)
  • react-native官方UIExplorer如何build起来(android & ios)
  • 初步上手感受react-native:一起开发一款电影demo(facebook官方demo中的Movies项目,边做边讲)
  • react-native开发中如何debug?
  • react-native重点组件讲解(scrollview,listview,fetch,navigator,timer)
  • react-native如何做双平台适配(image资源,双平台控件的几种实现,比例布局等)
  • react-native组件及API介绍(这部分可以列出一个子篇章,属于react-native入门系列,重点讲解双平台通用的组件 & API、常用开源组件、动画、手势等,以官方文档为主)

react-native进阶

  • react-native中es5与es6对比(包括可以使用的es7的几个关键字)
  • react-native原生模块 & 组件桥接
  • Flux数据流简介,redux框架简介
  • react-native项目中如何使用redux?一起写一个简单的demo体会一下
  • 如何在react-native中更好的封装组件
  • 如何在react-native项目中优雅的编写测试代码(Mocha & Enzyme & Chai)
  • react-native app应该如何进行热更新?(热更新实现,codepush)
  • 一个实用的react-native app架构演进(一)(开源项目reading的架构演进)
  • 一个实用的react-native app架构演进(二)
  • 一个实用的react-native app架构演进(三)
  • Stateless Functional Components与PureRender
  • 我们可以从F8中学到什么(一)(facebook官方开源react-native app f8分析)
  • 我们可以从F8中学到什么(二)
  • 我们可以从F8中学到什么(三)
  • react-native开发app性能优化小结
  • react-native开发商业项目需要注意哪些
  • 特别篇:react-native android打包优化
  • 探讨篇:react-native未来的发展方向与趋势?

react-native高级

  • react-native源码分析之Android(一)(具体实现,通信机制,jsBridge等)
  • react-native源码分析之Android(二)
  • react-native源码分析之Android(三)
  • react-native源码分析之iOS(一)
  • react-native源码分析之iOS(二)
  • react-native源码分析之iOS(三)
  • react-native降级策略(一)(都有哪些策略方向,主流实现)
  • react-native降级策略(二)(手淘fed的项目react-web,携程的moles,阿里weex)
  • react-native对比weex(实现层面,性能等)
  • ...(未完待续)
加群获取学习资料

学员列表( 0 )

    学员动态