菜鸟窝React Native 视频系列教程

交流QQ群：276960232

Hi,我是RichardCao，现任新美大酒店旅游事业群的Android Developer。15年加入饿了么即时配送BU，后负责蜂鸟众包Android端，期间引入react-native技术，作为国内react-native 与 Android混合开发的早期商业项目，具有一定经验，同时也是react-native开源项目reading(https://github.com/attentiveness/reading)的作者，对混合开发实践有一定的经验与见解。

本React-Native课程由我带头录制，但是一个人的力量始终有限，我希望找一些志同道合，对React-Natvie 有兴趣的童鞋一起录制,如有兴趣，请加入QQ群：276960232 沟通

本课程已经菜鸟窝 发布，学习请前往该地址http://www.cniao5.com/course/10116，因个人学识有限，如有讲错的地方，请指出。谢谢。

下面是课程目录

react-native初识

5 .react-native的前世今生

6. react-native与现有主流hybrid框架的对比，核心竞争力(虚拟DOM等)

7. 业内哪些知名商业项目应用了react-native，是如何应用的，带来什么好处(天猫、携程等)

8. 我们应该如何看待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(实现层面，性能等)