React Native 新架構實(shí)戰課 實(shí)操 + 基建 + 原理的一站式解決方案

?你將獲得

有用：即學(xué)即用，8+ 核心組件應用技巧

實(shí)戰：10+ 實(shí)戰 Demo，搭建完整 React Native 應用

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

前沿：持續 365 天技術(shù)追蹤，解讀新架構動(dòng)態(tài)

課程介紹

作為當前最熱門(mén)的跨端框架之一，近年來(lái) React Native 備受開(kāi)發(fā)者追捧。它好上手，開(kāi)發(fā)成本低，對前端和客戶(hù)端都相對友好，而且它也是當下唯一能支持復雜業(yè)務(wù)場(chǎng)景下熱更新的跨端框架。

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

技術(shù)的車(chē)輪滾滾向前。年初，Facebook 發(fā)布重磅消息，重構已久的 React Native 新架構確定會(huì )在今年，也就是 2022 年正式推出。據行業(yè)內報告及調研，新架構在最關(guān)鍵的性能問(wèn)題上相比老架構有了非常大的提升，這將會(huì )為 React Native 開(kāi)啟一個(gè)全新的階段?，F在就是你“入坑” React Native 的最佳時(shí)機！

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

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

 

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

01-開(kāi)篇詞

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

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

02-ReactNative核心基礎篇

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

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

02丨Component：搭建靜態(tài)頁(yè)面的正確思路是什么？.html

02丨Component：搭建靜態(tài)頁(yè)面的正確思路是什么？.m4a

03丨Style：關(guān)于樣式你需要知道的三件事.html

03丨Style：關(guān)于樣式你需要知道的三件事.m4a

04丨State：如何讓頁(yè)面“動(dòng)”起來(lái)？.html

04丨State：如何讓頁(yè)面“動(dòng)”起來(lái)？.m4a

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

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

06丨Pressable：如何實(shí)現一個(gè)體驗好的點(diǎn)按組件？.html

06丨Pressable：如何實(shí)現一個(gè)體驗好的點(diǎn)按組件？.m4a

07丨TextInput：如何實(shí)現一個(gè)體驗好的輸入框？.html

07丨TextInput：如何實(shí)現一個(gè)體驗好的輸入框？.m4a

08丨List：如何實(shí)現高性能的無(wú)限列表？.html

08丨List：如何實(shí)現高性能的無(wú)限列表？.m4a

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

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

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

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

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

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

12丨頁(yè)面實(shí)戰：如何搭建一個(gè)電商首頁(yè)？.html

12丨頁(yè)面實(shí)戰：如何搭建一個(gè)電商首頁(yè)？.m4a

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

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

03-React Native 社區生態(tài)篇

13丨生態(tài)：ReactNativeAwesome.html

13丨生態(tài)：ReactNativeAwesome.m4a

14丨Reanimated：如何讓動(dòng)畫(huà)變得更流暢？.html

14丨Reanimated：如何讓動(dòng)畫(huà)變得更流暢？.m4a

15丨Gesture（上）：如何實(shí)現一個(gè)拖拽動(dòng)效？.html

15丨Gesture（上）：如何實(shí)現一個(gè)拖拽動(dòng)效？.m4a

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

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

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

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

18丨Navigation：頁(yè)面之間怎么跳轉？.html

18丨Navigation：頁(yè)面之間怎么跳轉？.m4a

19丨Redux：大型應用應該如何管理狀態(tài)？.html

19丨Redux：大型應用應該如何管理狀態(tài)？.m4a

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

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

04-React Native 基礎設施建設篇

21丨混合應用：如何從零開(kāi)始集成ReactNative？.html

21丨混合應用：如何從零開(kāi)始集成ReactNative？.m4a

22丨自定義組件：如何滿(mǎn)足業(yè)務(wù)的個(gè)性化需求？.html

22丨自定義組件：如何滿(mǎn)足業(yè)務(wù)的個(gè)性化需求？.m4a

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

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

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

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

25丨性能優(yōu)化：如何設計一個(gè)合適的性能優(yōu)化方案？.html

25丨性能優(yōu)化：如何設計一個(gè)合適的性能優(yōu)化方案？.m4a

26丨客戶(hù)端優(yōu)化：如何把性能提升到極致？.html

26丨客戶(hù)端優(yōu)化：如何把性能提升到極致？.m4a

05-階段總結

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

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

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

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

pdf

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

02丨Component：搭建靜態(tài)頁(yè)面的正確思路是什么？.pdf

03丨Style：關(guān)于樣式你需要知道的三件事.pdf

04丨State：如何讓頁(yè)面“動(dòng)”起來(lái)？.pdf

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

06丨Pressable：如何實(shí)現一個(gè)體驗好的點(diǎn)按組件？.pdf

07丨TextInput：如何實(shí)現一個(gè)體驗好的輸入框？.pdf

08丨List：如何實(shí)現高性能的無(wú)限列表？.pdf

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

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

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

12丨頁(yè)面實(shí)戰：如何搭建一個(gè)電商首頁(yè)？.pdf

13丨生態(tài)：ReactNativeAwesome.pdf

14丨Reanimated：如何讓動(dòng)畫(huà)變得更流暢？.pdf

15丨Gesture（上）：如何實(shí)現一個(gè)拖拽動(dòng)效？.pdf

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

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

18丨Navigation：頁(yè)面之間怎么跳轉？.pdf

19丨Redux：大型應用應該如何管理狀態(tài)？.pdf

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

21丨混合應用：如何從零開(kāi)始集成ReactNative？.PDF

22丨自定義組件：如何滿(mǎn)足業(yè)務(wù)的個(gè)性化需求？.PDF

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

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

25丨性能優(yōu)化：如何設計一個(gè)合適的性能優(yōu)化方案？.PDF

26丨客戶(hù)端優(yōu)化：如何把性能提升到極致？.PDF

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

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

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

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