react【React Native】开发工作

菜鸟窝React Native 视频系列教程

2016-08-13  本文已影响8080人  我不是大婶

菜鸟窝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初识

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中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(实现层面,性能等)

上一篇下一篇

猜你喜欢

热点阅读