1. 程式人生 > >最新ReactNative技術精講與高質量上線APP開發

最新ReactNative技術精講與高質量上線APP開發

第1章 開發準備(學前需要RN語法基礎) (一定要先看本章第一節)本章首先會對專案需求進行分析,然後對專案效果進行演示,讓大家知道我們將要開發一款怎樣的APP,接著,會制定一個專案開發計劃,讓大家明白我們將以怎樣的方式開發這款APP,然後,會對這款APP做一個技術上的分解,讓大家知道開發這款APP需要用到哪些技術;然後,會教你如何自定義元件,如何進行頁... 1-1 課程學習指南(一定要最先看) 1-2 專案介紹與開發計劃 1-3 專案技術分解 1-4 專案結構介紹 1-5 專案底部導航選單開發 1-6 Navigator的基本使用及頁面間資料傳遞實現 1-7 自定義元件NavigationBar-1 1-8 自定義元件NavigationBar-2 1-9 自定義元件NavigationBar-3 第2章 適配RN 0.55全新導航器react-navigation精講 (如果是新手,先基於0.40版本並從第四章開始學習)本章節會對react-navigation、StackNavigator、TabNavigator、DrawerNavigator做個全面的剖析和講解,並結合案例講解react-navigation的使用,讓你學習到從react-navigation doc中獲取不到的實用經驗與技巧;... 2-1 react-navigation講解 2-2 StackNavigator精講-1 2-3 StackNavigator精講-2 2-4 StackNavigator精講-3 2-5 StackNavigator精講-4 2-6 TabNavigator精講-1 2-7 TabNavigator精講-2 2-8 TabNavigator精講-3 2-9 DrawerNavigator精講-1 2-10 DrawerNavigator精講-2 第3章 適配RN 0.55最新高效能列表元件精講 (如果是新手,先基於0.40版本並從第四章開始學習)本章節主要除了講解`FlatList`,`SectionList`,`VirtualizedList`與`SwipeableFlatList`的使用技巧之外,同時會結合`ListView`對`FlatList`的特性與原理做出分析講解,並結合課程案例帶著大家從ListView到FlatList一步步走進高效能的列表。... 3-1 高效能列表元件FlatList、VirtualizedList精講-1 3-2 高效能列表元件FlatList、VirtualizedList精講-2 3-3 高效能列表元件FlatList、VirtualizedList精講-3 3-4 高效能列表元件FlatList、VirtualizedList精講-4 3-5 高效能列表元件SwipeableFlatList精講 3-6 高效能列表元件SectionList詳解-1 3-7 高效能列表元件SectionList詳解-2 第4章 專案基礎功能開發(ListView、下拉重新整理、上拉載入更多、APP啟動引導流程) 本章首先會對開發一款App最常用的元件ListView及RefreshControl進行講解;接著會講解React Native 的 Fecth API的使用與輕量級封裝,讓你能夠學習並掌握React Native的網路程式設計技術;最後會介紹App的啟動引導流程,讓你掌握一款App從啟動到進入首頁的來龍去脈。... 4-1 ListView列表、下拉重新整理、上拉載入的基本使用 4-2 網路程式設計利器-Fetch的基本使用 4-3 網路程式設計利器-Fetch的輕量級封裝 4-4 專案啟動引導流程實現 第5章 Popular(最熱)模組開發(AsyncStorage資料庫技術、離線快取) 本章主要講解如何設計與實現Popular(最熱)模組;首先對Popular的資料模組進行封裝,然後講解AsyncStorage技術,讓你學會在React Native中如何進行資料儲存;接著講解如何載入json資料,如何實現自定義訂閱標籤,標籤排序,標籤刪除等功能,如何實現Popular模組離線快取功能,讓你掌握離線快取原理以及實現方案;最後講解Web... 5-1 Popular(最熱)模組的資料層設計 5-2 Popular(最熱)模組的列表頁面實現-1 5-3 Popular(最熱)模組的列表頁面實現-2 5-4 Popular(最熱)模組的列表頁面實現-3 5-5 AsyncStorage非同步資料儲存技術解析 5-6 Popular(最熱)模組的自定義標籤功能實現-1 5-7 Popular(最熱)模組的自定義標籤功能實現-2 5-8 Popular(最熱)模組的自定義標籤功能實現-3 5-9 Popular(最熱)模組的自定義標籤功能實現-4 5-10 Popular(最熱)模組的標籤排序功能實現-1 5-11 Popular(最熱)模組的標籤排序功能實現-2 5-12 Popular(最熱)模組的標籤移除功能實現 5-13 Popular(最熱)模組的離線快取功能實現 5-14 WebView控制元件實現簡單瀏覽器 5-15 Popular(最熱)模組的詳情頁功能實現 第6章 Trending(趨勢)模組開發(程式碼優化技巧、高複用程式碼設計) 本章主要講解如何設計與實現Trending(趨勢)模組;首先會講解如何從

https://github.com/trending上獲取資料,並把資料解析並封裝成物件,並優化程式碼,將上述過程封裝成一個可複用的Trending資料模組;接著會講解在React Native中如何實現一個Pop彈出選單;最後,我會教大家如何複用Popular(最熱)模組的程式碼來實現一個自定義... 6-1 Trending(趨勢)模組的資料介面實現原理及使用詳解 6-2 Trending(趨勢)模組的資料層設計 6-3 Trending(趨勢)模組的列表頁面實現 6-4 Pop彈窗功能實現 6-5 Trending(趨勢)模組的自定義語言功能實現 6-6 Trending(趨勢)模組的自定義語言排序功能實現 第7章 Favorite(收藏)模組開發(資料DAO層設計技巧,資料狀態實時更新) 本章主要講解如何設計與實現Favorite(收藏)模組;首先會講解如何為Popular與Trending模組新增收藏功能(包括收藏與取消收藏),接著將這一過程封裝成一個可複用的FavoriteDao模組,以方便其它模組呼叫;然後會講解如何將收藏的專案載入並顯示出來,如何實時更新收藏狀態;最後會為收藏列表實現詳情頁。... 7-1 為Popular(最熱)模組的列表頁新增收藏功能-1 7-2 為Popular(最熱)模組的列表頁新增收藏功能-2 7-3 Favorite(收藏)模組的收藏狀態資料DAO層設計 7-4 Favarite(收藏)模組的資料收藏狀態實時更新 7-5 為Trending(趨勢)模組的列表頁新增收藏功能 7-6 為Popular(最熱)與Trending(趨勢)模組的詳情頁新增收藏的功能 7-7 Favorite(收藏)模組列表頁面基本實現與使用者所收藏的專案資料獲取 7-8 Favorite(收藏)模組列表頁面具體實現-1 7-9 Favorite(收藏)模組列表頁面具體實現-2 第8章 My(我的)模組開發(程式碼提取技巧,組合模式應用技巧,資料非同步重新整理與動態新增) 本章主要講解如何設計與實現My(我的)模組;首先會講解如何構建我的頁面;然後講解如何構建關於頁面與關於作者頁面,在這裡會對關於頁面與關於作者頁面的公共程式碼進行提取,通過這一節你會學到如何用組合的方式來複用程式碼的技巧,以及它與通過繼承方式複用程式碼的優缺點;另外,通過這一章你也能學習到如何自定義擴充套件列表,如... 8-1 My(我的)模組分組列表頁面實現-1 8-2 My(我的)模組分組列表頁面實現-2 8-3 My(我的)模組分組列表頁面實現-3 8-4 My(我的)模組專案介紹頁面簡單實現(parallar-scroll-view)-1 8-5 My(我的)模組專案介紹頁面簡單實現(parallar-scroll-view)-2 8-6 My(我的)模組專案介紹頁面複用程式碼提取技巧 8-7 My(我的)模組意見反饋,專案官網展示功能實現 8-8 My(我的)模組專案介紹資料請求工具開發(RepositoryUtil)-1 8-9 My(我的)模組專案介紹資料請求工具開發(RepositoryUtil)-2 8-10 My(我的)模組專案介紹資料展示-1 8-11 My(我的)模組專案介紹資料展示-2 8-12 My(我的)模組關於作者頁面實現(自定義可擴充套件列表)-1 8-13 My(我的)模組關於作者頁面實現-2 第9章 Search(搜尋)模組開發(動態關鍵字,可取消非同步任務設計) 本章主要講解如何設計與實現搜尋模組;首先會講解如何實現一個帶搜尋的NavBar,以及輸入框TextInput的使用與擴充套件;然後會講解如何顯示搜尋進度條,以及如何顯示搜尋的資料,如何動態顯示和隱藏底部按鈕;然後,會講解首頁如何動態顯示搜尋模組新增的關鍵字,以及對“廣播事件”的更進一步應用; 最後,為了實現取消搜尋的... 9-1 帶搜尋的NavBar實現-1 9-2 帶搜尋的NavBar實現-2 9-3 搜尋資料顯示與onFavorite()方法的提取-1 9-4 搜尋資料顯示與onFavorite()方法的提取-2 9-5 為Search(搜尋)模組新增進度條與底部按鈕-1 9-6 為Search(搜尋)模組新增進度條與底部按鈕-2 9-7 新增返回首頁資料重新整理功能 9-8 為Promise插上翅膀之可取消的非同步任務 第10章 MoreMenu(更多選單)模組開發(封裝可配置選單元件,RN版本升級踩坑) 本章主要講解如何設計與實現更多選單;首先會講解如何封裝一個可配置的更多選單元件,以及可配置選單的應用;然後,你也會學到傳遞元件的另外一種方式,即通過傳遞函式的方式來代替直接傳遞元件。最後這一章大家也可以學到如何對React Native的版本進行升級。... 10-1 可配置選單的實現-1 10-2 可配置選單的實現-2 10-3 可配置選單的實現-3 10-4 ReactNative版本升級踩坑(0.39-to-0.40) 第11章 高階功能開發(多彩主題、資料統計、社會化分享、第三方登入,熱更新等) 本章會教大家一些React Native開發的高階技能;首先是如何為APP自定義實現一個多彩主題;然後是如何通過構建 React Native原生模組,來實現一些更高階的功能,比如多執行緒,圖片處理等;接下來會教大家如何在React Native應用中整合統計功能,分享功能以及第三方登入功能等;然後,會講解APP啟動白屏問題產生的原因以及... 11-1 構建自定義多彩主題頁面 11-2 應用自定義多彩主題頁面-1 11-3 應用自定義多彩主題頁面-2 11-4 實現自定義多彩主題變換 11-5 React Native原生模組的封裝(Android) 11-6 React Native原生模組的封裝(iOS) 11-7 React Native整合統計功能 11-8 React Native 分享與第三方登入模組開發(Android)-分享模組開發 11-9 React Native分享與第三方登入模組開發(Android)-分享模組的應用 11-10 React Native 分享與第三方登入模組開發(iOS) 11-11 React Native啟動白屏問題原因及解決方案(Android) 11-12 React Native啟動白屏問題原因及解決方案(iOS) 11-13 如何適配Android和iOS雙平臺 11-14 CodePush 熱更新-整合CodePush(Android) 11-15 CodePush 熱更新-整合CodePush(iOS) 11-16 CodePush 熱更新-應用CodePush(Android) 11-17 CodePush 熱更新-應用CodePush(iOS) 第12章 專案釋出前的優化、打包與上線Android和IOS APP、學習資料 本章會教大家對專案進行釋出前的優化;然後教大家學習如何打包釋出一款React Native Android應用與React Native iOS應用。帶大家走完專案開發的最後流程,最後對課程進行整體的總結與回顧。 12-1 專案釋出前的優化(Android) 12-2 專案釋出前的優化(iOS) 12-3 專案打包釋出Android應用 12-4 專案打包釋出iOS應用 12-5 課程總結 第13章 適配RN 0.55最新版對專案與元件升級與適配 React Native的升級與適配一直是困擾開發者的一個痛點,本章節將講解最新版React Native的升級與適配的經驗與技巧,同時會對比不同升級方式的優缺點,並會對React Native過去一年中的重要更新做個總結,並且給出適配建議。另外本章節也會對最新版React Native的API做個講解,同時會帶著大家通過將課程真實案例來做API、... 13-1 最新版React Native 的升級與適配 13-2 升級第三方元件,適配PropTypes,ViewPropTypes 13-3 使用react-navigation搭建專案導航框架-1 13-4 使用react-navigation搭建專案導航框架-2 13-5 使用react-navigation搭建專案導航框架-3 13-6 使用react-navigation搭建專案導航框架-4 13-7 基於modal的全屏彈框封裝-1 13-8 基於modal的全屏彈框封裝-2 13-9 基於modal的全屏彈框封裝-3 13-10 FlatList實戰應用(從ListView到FlatList的適配) 13-11 React 16.3,React 17適配指南與BackHandler應用-1 13-12 React 16.3,React 17適配指南與BackHandler應用-2 13-13 React 16.3,React 17適配指南與BackHandler應用-3 13-14 React 16.3,React 17適配指南與BackHandler應用-4 第14章 適配RN 0.55全面屏適配指南 - 1.全螢幕特點,及存在的問題;- 2.iPhone X適配;- 3.Android全面屏適配;- 4.react-navigation在全面屏上的應用;- 5.自定義容器元件封裝;- 描述:本章節主要講解全螢幕的適配與優化,並對全面屏的特點及存在的問題做出分析,同時教大家如何適配iPhone X,三星S8等全面屏手機。另外,會講解react-navigation在... 14-1 React Native 全螢幕適配指南.mp4 14-2 React Native 適配iOS全面屏iPhone X-1 14-3 React Native 適配iOS全面屏iPhone X-2 14-4 React Native 升級適配Android與適配Android全面屏

下載地址:百度網盤