菜鸟窝React Native 视频系列教程

菜鸟窝React Native 视频系列教程

交流QQ群：576089067

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

本课程会在菜鸟窝的React—Native板块陆续更新，如需下载，请前往该地址http://www.cniao5.com/forum/2，因个人学识有限，如有讲错的地方，请指出。谢谢。

下面是课程目录

1. 移动端开发趋势与未来

2. 什么是hybrid应用（以支付宝、手淘、携程等为例）

3. 原生与hybrid优缺点与取舍

4. 现有主流的hybrid框架（cordova，ionic等）

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原生模块 & 组件桥接

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（二）

react-native源码分析之Android（三）

react-native源码分析之iOS（一）

react-native源码分析之iOS（二）

react-native源码分析之iOS（三）

react-native降级策略（一）（都有哪些策略方向，主流实现）

react-native降级策略（二）（手淘fed的项目react-web，携程的moles，阿里weex）

react-native对比weex（实现层面，性能等）

...（未完待续）