1. 程式人生 > >新版React Native+Redux打造高質量上線App

新版React Native+Redux打造高質量上線App

第1章 課程介紹【需要有RN基礎,無基礎者慎入】
【本課程為專案實戰課程,需要有RN基礎,無基礎者慎入】本章主要進行課程的介紹,學習路線與指南,如何更好的學習本課程,課程App的介紹?為什麼要學習本課程,學習本課程能收穫什麼?每個核心章為大家添加了N個練習作業,讓大家帶著問題去學習,學完本章後又可以將所學知識進行鞏固和檢驗。...

1-1 課前必讀(不看會錯過一個億)
1-2 課程導學
第2章 需求分析、模組設計、APP導航框架搭建
需求分析、專案演示和App流程結構與開發計劃的介紹:讓你對實戰App有個整體和系統的認識;技術分解:讓你知道開發一款React Native應用通常需要用到哪些技術?最後,會教你如何用react-navigation來搭建整個APP的導航框架,動態TabBar的探索和實現,以及一些高階應用和實戰技巧。...

2-1 本章作業(帶著問題去學習)
2-2 需求分析,技術分解,模組設計
2-3 react-navigation3x開發指南
2-4 基於react-navigation的APP導航框架搭建-需求梳理
2-5 基於react-navigation的APP導航框架搭建-歡迎頁
2-6 基於react-navigation的APP導航框架搭建-底部導航
2-7 基於react-navigation的APP導航框架搭建-頂部導航
2-8 react-navigation高階應用&實現動態導航器-底部導航
2-9 react-navigation高階應用&實現動態導航器-頂部導航
第3章 基於Redux的專案框架搭建
本章節會對Redux、react-redux進行全面的剖析和講解,另外會對Redux的高階用法非同步Action,非同步資料流,中介軟體等進行講解,並且結合真實的專案案例來講解Redux在React Native專案中的應用。

3-1 本章作業(帶著問題去學習)
3-2 Redux由淺入深精講-1
3-3 Redux由淺入深精講-2
3-4 基於Redux與react-navigation的專案框架搭建-1
3-5 基於Redux與react-navigation的專案框架搭建-2
3-6 基於Redux與react-navigation的專案框架搭建-3
3-7 基於Redux與react-navigation的專案框架搭建-4
3-8 基於Redux與react-navigation的專案框架搭建-5
第4章 網路程式設計與資料儲存技術
本章主要講解React Native網路程式設計和資料庫程式設計的相關經驗和技巧,包括對Fetch、AsyncStorage的封裝和使用,另外會對React Native專案的網路框架的分層設計以及離線快取框架的設計進行細緻的講解。

4-1 本章作業(帶著問題去學習)
4-2 RN網路程式設計之Fetch講解
4-3 RN網路程式設計之Fetch實操-1
4-4 RN網路程式設計之Fetch實操-2
4-5 RN資料庫程式設計之AsyncStorage精講
4-6 RN離線快取框架設計講解
4-7 RN離線快取框架設計實操-1
4-8 RN離線快取框架設計實操-2..
第5章 最熱模組開發
如何設計與實現最熱模組?如何基於Redux+FlatList實現列表頁資料載入?如何設計最熱模組的state樹?如何操作非同步action與資料流?如何動態的設定store和獲store?connect的靈活應用?action如何和呼叫頁面進行交?FlatList的高階應用與載入更多的優化。...

5-1 本章作業(帶著問題去學習)
5-2 基於Redux+FlatList實現列表頁資料載入-1
5-3 基於Redux+FlatList實現列表頁資料載入-2
5-4 列表實現&資料渲染
5-5 自定義元件實現列表Item
5-6 FlatList的高階應用&上拉載入更多功能實現-1
5-7 FlatList的高階應用&上拉載入更多功能實現-2
第6章 趨勢模組開發
如何設計與實現趨勢模組?如何優化TabNavigator效率?如何封裝自定義元件?如何自定義導航欄?如何基於Modal實現自定義彈框?如何最大程度的進行程式碼封裝與複用?如何處理物理返回鍵?DeviceEventEmitter的使用經驗和技巧,WebView的使用與封裝並實詳情頁。...

6-1 本章作業(帶著問題去學習)
6-2 如何自定義React Native元件?流程&步驟
6-3 實現自定義元件NavigationBar(NavigationBar的實現&使用)
6-4 趨勢頁面開發(DataStore擴充套件&action,reducer封裝與使用)
6-5 趨勢頁面開發(列表實現)
6-6 如何實現React Native自定義彈框(Modal元件的使用)
6-7 趨勢選單功能開發(DeviceEventEmitter的使用)
6-8 詳情頁面開發(WebView、程式碼封裝與複用提取、模組化)-1
6-9 詳情頁面開發(WebView、程式碼封裝與複用提取、模組化 )-2
6-10 詳情頁面開發(WebView、程式碼封裝與複用提取、模組化)-3
第7章 收藏模組開發
如何設計與實現收藏模組?如何基於多資料儲存設計思想實現FavoriteDao?如何為最熱與趨勢模組新增收藏與取消收藏的功能?如何進行跨頁面通訊?如何妙用callback解決Item跨元件更新問題?如何基於最新React標準封裝元件?如何封裝BaseItem並通過繼承的方式進行程式碼複用?...

7-1 本章作業(帶著問題去學習)
7-2 基於多資料儲存設計思想實現FavoriteDao,封裝BaseItem
7-3 收藏功能的實現-1
7-4 收藏功能的實現-2
7-5 實現收藏頁面-1
7-6 實現收藏頁面-2
第8章 我的模組開發
如何設計與實現我的模組?如何封裝WebView實現一個簡單的瀏覽器?如何使用組裝者模式實現關於頁面的功能邏輯複用以及它與通過繼承方式複用程式碼的優缺點?在React Native中如何打電話,發簡訊,開啟其他APP或被其他APP開啟?以及Clipboard剪下板使用介紹。...

8-1 本章作業(帶著問題去學習)
8-2 實現我的列表頁-1
8-3 實現我的列表頁-2
8-4 實現簡單瀏覽器
8-5 組裝者模式實現關於頁面-1
8-6 組裝者模式實現關於頁面-2
8-7 組裝者模式實現關於頁面-3
8-8 實現關於作者頁面與Linking、Clipboard的使用-1
8-9 實現關於作者頁面與Linking、Clipboard的使用-2
第9章 定製化功能與主題模組開發
如何實現自定義主題與APP動態換膚的功能?如何動態配置TabBar?如何實現標籤排序、標籤訂閱、標籤移除等功能?

9-1 本章作業(帶著問題去學習)
9-2 LanguageDao的封裝與動態載入自定義標籤的實現-1
9-3 LanguageDao的封裝與動態載入自定義標籤的實現-2
9-4 自定義標籤與自定義語言功能實現-1
9-5 自定義標籤與自定義語言功能實現-2
9-6 自定義標籤與標籤移除功能實現
9-7 標籤排序功能實現-1
9-8 標籤排序功能實現-2
9-9 自定義主題設計與實現-1
9-10 自定義主題設計與實現-2
第10章 搜尋模組開發
本章會教你實現搜尋模組;首先會講解如何實現一個帶搜尋的NavBar,以及輸入框TextInput的使用與擴充套件;然後會講解如何顯示搜尋進度條,如何顯示搜尋的資料,如何動態顯示和隱藏底部按鈕;然後,會講解首頁如何動態顯示搜尋模組新增的關鍵字,以及對“廣播事件”的更進一步應用;最後,為了實現取消搜尋的功能,我會教你通過...

第11章 基於Native Modules實現資料統計與社會化分享、第三方登入功能
本章會教你一些React Native開發的高階技能;首先會教你如何構建 React Native原生模組,來實現一些更高階的功能,比如多執行緒,圖片處理等;接下來會教你如何在React Native應用中整合統計的功能,以及如何構建分享模組並整合分享與第三方登入的功能;然後,會講解啟動白屏產生的原因以及啟動白屏解決方案;最後,會講...

第12章 全面屏適配與相容問題
本章節主要講解全螢幕的適配與優化,並對全面屏的特點及存在的問題做出分析,同時教大家如何適配iPhone X,華為,小米、三星等全面屏與凹凸屏手機。另外,會講解react-navigation在全面屏凹凸屏上的應用,章節最後會教大家如何去自定義一個容器元件。...

第13章 打包釋出與CodePush更新
本章會教你對React Native進行釋出前的優化;以及如何打包釋出React Native Android應用與React Native iOS應用,以及如何使用CodePush進行熱更新。

第14章 React Native混合開發
在做RN開發的時候通常離不了JS 和Native之間的通訊,比如:初始化RN時Native向JS傳遞資料,JS呼叫Native的相簿選擇圖片,JS呼叫Native的模組進行一些複雜的計算,Native將一些資料(GPS資訊,陀螺儀,感測器等)主動傳遞給JS等,在本章中我將向大家介紹在RN中JS和Native之間通訊的幾種方式以及其原理和使用技巧。...

第15章 React Native升級與適配指南
React Native的升級與適配一直是困擾開發者的一個痛點,本章節將講解最新版React Native的升級與適配的經驗與技巧,同時會對比不同升級方式的優缺點,並會對React Native過去一年中的重要更新做個總結,並且給出適配建議。

下載地址:

百度網盤