?你將獲得

有用：即學即用，8+ 核心組件應用技巧

實戰：10+ 實戰 Demo，搭建完整 React Native 應用

深入：掌握一套完整的基建解決方案

前沿：持續 365 天技術追蹤，解讀新架構動態

課程介紹

作為當前最熱門的跨端框架之一，近年來 React Native 備受開發者追捧。它好上手，開發成本低，對前端和客戶端都相對友好，而且它也是當下唯一能支持復雜業務場景下熱更新的跨端框架。

但另一方面，React Native 本身迭代速度非常快，想要系統學習 React Native 并沒有那么容易。而且，它也曾飽受性能方面的詬病，讓一些團隊踩了不少坑。

技術的車輪滾滾向前。年初，Facebook 發布重磅消息，重構已久的 React Native 新架構確定會在今年，也就是 2022 年正式推出。據行業內報告及調研，新架構在最關鍵的性能問題上相比老架構有了非常大的提升，這將會為 React Native 開啟一個全新的階段。現在就是你“入坑” React Native 的最佳時機！

為此，我們邀請了 58 同城前端架構師、58RN 負責人蔣宏偉老師。他會結合多年的一線經驗，為你重點講解 React Native 的核心組件、社區生態和基礎設施建設，幫你一次性打通 React Native 開發能力，讓你不僅能完整開發一個 React Native 應用，還能為團隊基出設施建設做貢獻，并提升自己的架構能力。

同時，針對 React Native 新架構，蔣老師還將帶你持續一年追蹤它的最新動態，聚焦新架構的原理和社區最新實踐，讓你能第一時間享受到前沿技術變革帶來的紅利。

 

React Native 新架構實戰課 實操 + 基建 + 原理的一站式解決方案課程目錄

01-開篇詞

開篇詞丨為什么要選擇ReactNative做你的跨端方案？.html

開篇詞丨為什么要選擇ReactNative做你的跨端方案？.m4a

02-ReactNative核心基礎篇

01丨學習ReactNative，你需要掌握哪些知識？.html

01丨學習ReactNative，你需要掌握哪些知識？.m4a

02丨Component：搭建靜態頁面的正確思路是什么？.html

02丨Component：搭建靜態頁面的正確思路是什么？.m4a

03丨Style：關于樣式你需要知道的三件事.html

03丨Style：關于樣式你需要知道的三件事.m4a

04丨State：如何讓頁面“動”起來？.html

04丨State：如何讓頁面“動”起來？.m4a

05丨Image：選擇適合你的圖片加載方式.html

05丨Image：選擇適合你的圖片加載方式.m4a

06丨Pressable：如何實現一個體驗好的點按組件？.html

06丨Pressable：如何實現一個體驗好的點按組件？.m4a

07丨TextInput：如何實現一個體驗好的輸入框？.html

07丨TextInput：如何實現一個體驗好的輸入框？.m4a

08丨List：如何實現高性能的無限列表？.html

08丨List：如何實現高性能的無限列表？.m4a

09丨FastRefresh：提高UI調試效率神器.html

09丨FastRefresh：提高UI調試效率神器.m4a

10丨Debug：解決BUG思路有哪些？.html

10丨Debug：解決BUG思路有哪些？.m4a

11丨組件實戰：如何實現瀑布流？.html

11丨組件實戰：如何實現瀑布流？.m4a

12丨頁面實戰：如何搭建一個電商首頁？.html

12丨頁面實戰：如何搭建一個電商首頁？.m4a

直播加餐丨七年，我的跨端實踐和探索.html

直播加餐丨七年，我的跨端實踐和探索.m4a

03-React Native 社區生態篇

13丨生態：ReactNativeAwesome.html

13丨生態：ReactNativeAwesome.m4a

14丨Reanimated：如何讓動畫變得更流暢？.html

14丨Reanimated：如何讓動畫變得更流暢？.m4a

15丨Gesture（上）：如何實現一個拖拽動效？.html

15丨Gesture（上）：如何實現一個拖拽動效？.m4a

16丨Gesture（中）：如何解決單視圖多手勢的沖突問題？.html

16丨Gesture（中）：如何解決單視圖多手勢的沖突問題？.m4a

17丨Gesture（下）：如何解決多視圖多手勢的沖突問題？.html

17丨Gesture（下）：如何解決多視圖多手勢的沖突問題？.m4a

18丨Navigation：頁面之間怎么跳轉？.html

18丨Navigation：頁面之間怎么跳轉？.m4a

19丨Redux：大型應用應該如何管理狀態？.html

19丨Redux：大型應用應該如何管理狀態？.m4a

20丨Sentry：線上錯誤與性能監控怎么處理？.html

20丨Sentry：線上錯誤與性能監控怎么處理？.m4a

04-React Native 基礎設施建設篇

21丨混合應用：如何從零開始集成ReactNative？.html

21丨混合應用：如何從零開始集成ReactNative？.m4a

22丨自定義組件：如何滿足業務的個性化需求？.html

22丨自定義組件：如何滿足業務的個性化需求？.m4a

23丨熱更新：如何搭建一個熱更新平臺？.html

23丨熱更新：如何搭建一個熱更新平臺？.m4a

24丨拆包：Metro拆包的工作原理是什么？.html

24丨拆包：Metro拆包的工作原理是什么？.m4a

25丨性能優化：如何設計一個合適的性能優化方案？.html

25丨性能優化：如何設計一個合適的性能優化方案？.m4a

26丨客戶端優化：如何把性能提升到極致？.html

26丨客戶端優化：如何把性能提升到極致？.m4a

05-階段總結

階段測試丨ReactNative的這些核心知識，你都掌握了嗎？.html

階段測試丨ReactNative的這些核心知識，你都掌握了嗎？.m4a

總結與展望丨新架構探索之旅，馬上開始.html

總結與展望丨新架構探索之旅，馬上開始.m4a

pdf

01丨學習ReactNative，你需要掌握哪些知識？.pdf

02丨Component：搭建靜態頁面的正確思路是什么？.pdf

03丨Style：關于樣式你需要知道的三件事.pdf

04丨State：如何讓頁面“動”起來？.pdf

05丨Image：選擇適合你的圖片加載方式.pdf

06丨Pressable：如何實現一個體驗好的點按組件？.pdf

07丨TextInput：如何實現一個體驗好的輸入框？.pdf

08丨List：如何實現高性能的無限列表？.pdf

09丨FastRefresh：提高UI調試效率神器.pdf

10丨Debug：解決BUG思路有哪些？.pdf

11丨組件實戰：如何實現瀑布流？.pdf

12丨頁面實戰：如何搭建一個電商首頁？.pdf

13丨生態：ReactNativeAwesome.pdf

14丨Reanimated：如何讓動畫變得更流暢？.pdf

15丨Gesture（上）：如何實現一個拖拽動效？.pdf

16丨Gesture（中）：如何解決單視圖多手勢的沖突問題？.pdf

17丨Gesture（下）：如何解決多視圖多手勢的沖突問題？.pdf

18丨Navigation：頁面之間怎么跳轉？.pdf

19丨Redux：大型應用應該如何管理狀態？.pdf

20丨Sentry：線上錯誤與性能監控怎么處理？.PDF

21丨混合應用：如何從零開始集成ReactNative？.PDF

22丨自定義組件：如何滿足業務的個性化需求？.PDF

23丨熱更新：如何搭建一個熱更新平臺？.PDF

24丨拆包：Metro拆包的工作原理是什么？.PDF

25丨性能優化：如何設計一個合適的性能優化方案？.PDF

26丨客戶端優化：如何把性能提升到極致？.PDF

階段測試丨ReactNative的這些核心知識，你都掌握了嗎？.pdf

開篇詞丨為什么要選擇ReactNative做你的跨端方案？.pdf

直播加餐丨七年，我的跨端實踐和探索.pdf

總結與展望丨新架構探索之旅，馬上開始.pdf