菜鳥窩React Native 視頻系列教程

菜鳥窩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(實現層面,性能等)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容