?你將獲得

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

實(shí)戰(zhàn)：10+ 實(shí)戰(zhàn) Demo，搭建完整 React Native 應(yīng)用

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

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

課程介紹

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

但另一方面，React Native 本身迭代速度非常快，想要系統(tǒng)學(xué)習(xí) React Native 并沒有那么容易。而且，它也曾飽受性能方面的詬病，讓一些團(tuán)隊(duì)踩了不少坑。

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

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

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

 

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

01-開篇詞

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

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

02-ReactNative核心基礎(chǔ)篇

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

09丨FastRefresh：提高UI調(diào)試效率神器.html

09丨FastRefresh：提高UI調(diào)試效率神器.m4a

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

18丨Navigation：頁面之間怎么跳轉(zhuǎn)？.html

18丨Navigation：頁面之間怎么跳轉(zhuǎn)？.m4a

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

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

20丨Sentry：線上錯(cuò)誤與性能監(jiān)控怎么處理？.html

20丨Sentry：線上錯(cuò)誤與性能監(jiān)控怎么處理？.m4a

04-React Native 基礎(chǔ)設(shè)施建設(shè)篇

21丨混合應(yīng)用：如何從零開始集成ReactNative？.html

21丨混合應(yīng)用：如何從零開始集成ReactNative？.m4a

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

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

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

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

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

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

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

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

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

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

05-階段總結(jié)

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

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

總結(jié)與展望丨新架構(gòu)探索之旅，馬上開始.html

總結(jié)與展望丨新架構(gòu)探索之旅，馬上開始.m4a

pdf

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

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

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

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

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

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

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

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

09丨FastRefresh：提高UI調(diào)試效率神器.pdf

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

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

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

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

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

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

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

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

18丨Navigation：頁面之間怎么跳轉(zhuǎn)？.pdf

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

20丨Sentry：線上錯(cuò)誤與性能監(jiān)控怎么處理？.PDF

21丨混合應(yīng)用：如何從零開始集成ReactNative？.PDF

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

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

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

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

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

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

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

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

總結(jié)與展望丨新架構(gòu)探索之旅，馬上開始.pdf