【React Native】react-native开发React Native开发

React-Native入门到实战【视频教程】

2016-10-20  本文已影响930人  我不是大婶

Hi,guys 。 昨天给大家分享了《OkHttp3 》的视频教程,那今天再来点重量级的干货课程。在进入正题之前请容许我重点介绍下录制《React-Native入门到实战》的大神:

Richard.cao ,开源项目iReading的作者(https://github.com/attentiveness/reading),现任职于新美大,曾任职于饿了么。使用React-Native开发过商业项目,踩过很多坑。那在这个课程中更多的是讲解如何填坑。

如何下载:


1. 关注公众号(cniao5),二维码如下:

2. 回复关键词:rn

课程讨论QQ群:


576089067


课程目录:

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

...(未完待续)

上一篇下一篇

猜你喜欢

热点阅读