我是如何快速入門React Native的

React

隨著互聯(lián)網(wǎng)的普及,技術(shù)的發(fā)展也是日新月異。作為一名程序員,如果只會(huì)一種編程語(yǔ)言顯然不能夠滿足市場(chǎng)需求。因此,快速學(xué)習(xí)各種新技術(shù)、新語(yǔ)言應(yīng)該成為程序員必備的能力。

今天聊聊我是如何快速入門React Native的,希望借此幫助朋友們提升自己的學(xué)習(xí)能力。畢竟,我們都是有方法論的人,我會(huì)在大家的武器庫(kù)里新增兩件武器,在認(rèn)知體系里升級(jí)兩個(gè)認(rèn)知。

先說說什么是React Native。它于2015年誕生于Facebook,為開發(fā)者帶來一套跨平臺(tái)、動(dòng)態(tài)更新的JavaScript框架??谔?hào)是:Learn once, write anywhere: Build mobile apps with React。這意味著,我們學(xué)會(huì)了React Native可以同時(shí)為iOS和Android兩個(gè)平臺(tái)開發(fā)業(yè)務(wù)邏輯幾乎無差別的兩個(gè)App。

還是不懂這是什么?沒關(guān)系。因?yàn)檫@并非重點(diǎn),重點(diǎn)是,我們?nèi)绾螌W(xué)習(xí)新知識(shí)。

十步學(xué)習(xí)法

我在去年閱讀了一本書,叫做《軟技能·代碼之外的生存指南》,這是一本非常棒的書,看標(biāo)題,似乎是寫給程序員看的。然而,書里沒有提到一行代碼,它的受眾并沒有局限于互聯(lián)網(wǎng)從業(yè)者,而是所有渴望進(jìn)步的人。書中有一個(gè)非常厲害的學(xué)習(xí)方法論,叫做十步學(xué)習(xí)法,讓我印象深刻。

第一步:了解全局

萬事開頭難,需要有全局觀:React Native可以做什么?不可以做什么?需要什么開發(fā)環(huán)境?使用哪些IDE方便開發(fā)且交互友好?原來React Native官方提供了非常多的常用組件能夠滿足日常開發(fā)需求;但是如果需要調(diào)用平臺(tái)的硬件資源時(shí),比如啟用攝像頭,地圖定位,陀螺儀等,并不太方便,離不開原生方法的調(diào)用;原來它是基于React的,依賴于Node開發(fā)環(huán)境,需要使用命令行工具方便快速調(diào)用,因此我們需要安裝Node,需要安裝官方提供的命令行工具;原來常用的編輯器都可以用來進(jìn)行開發(fā),那就挑選自己喜歡的咯,比如我喜歡用Atom和Sublime。

……

當(dāng)我搞清楚了這些問題后,會(huì)對(duì)React Native有了一個(gè)全局的認(rèn)識(shí)。

第二步: 確定范圍

集中精力明確自己到底要學(xué)什么,比如學(xué)習(xí)React Native基礎(chǔ)知識(shí),可以了解創(chuàng)建iOS和Android App需要哪些知識(shí)和步驟。

第三步: 定義目標(biāo)

定義可以量化的目標(biāo)。這次我的入門目標(biāo)是完成公司項(xiàng)目中一個(gè)模塊的React Native實(shí)現(xiàn)。

第四步: 尋找資源

大量收集各種資料。在網(wǎng)易云課堂、慕課網(wǎng)、簡(jiǎn)書、極客學(xué)院等網(wǎng)站搜尋各種學(xué)習(xí)資料。具體細(xì)節(jié)使用Google搜索相關(guān)博文。

第五步: 創(chuàng)建學(xué)習(xí)計(jì)劃

這一步可以理解為自己寫書時(shí)候的大綱。比如我給自己創(chuàng)建的學(xué)習(xí)計(jì)劃是用50個(gè)小時(shí)學(xué)習(xí)React基礎(chǔ),用20個(gè)小時(shí)學(xué)習(xí)與Native的混編,用15個(gè)小時(shí)學(xué)習(xí)熱更新,最后用20個(gè)小時(shí)來實(shí)現(xiàn)功能。每天抽取約3小時(shí)投入其中。

第六步: 篩選資源

知道了學(xué)什么以及按照什么順序?qū)W,那么就要決定用哪些資源,篩選出最有價(jià)值的資源。我推薦的資源有:

  • 官方文檔
  • 慕課網(wǎng):ReactNative基礎(chǔ)與入門
  • 慕課網(wǎng):React Native開發(fā)雙平臺(tái)GitHub App
  • CrazyCodeBoy博客:http://www.devio.org

我的篩選理由是:

  • 官方文檔權(quán)威、文檔全面,支持修改演示代碼預(yù)覽執(zhí)行結(jié)果
  • 英文不太好的可以學(xué)習(xí)慕課網(wǎng)ReactNative基礎(chǔ)與入門課程,內(nèi)容簡(jiǎn)單易懂,實(shí)操性強(qiáng)
  • React Native開發(fā)雙平臺(tái)GitHub App課程是實(shí)戰(zhàn)項(xiàng)目,可以讓我們比較深入的學(xué)習(xí)使用React native

第七步: 開始學(xué)習(xí),淺嘗輒止

快速學(xué)習(xí)基礎(chǔ)知識(shí),立刻開始實(shí)際操作。如果我們一直學(xué)習(xí)卻不去實(shí)踐不會(huì)有很快的進(jìn)步的,當(dāng)我們有了開始練習(xí)的開發(fā)環(huán)境的時(shí)候,立刻去學(xué)習(xí)。遇到不不懂的問題,不要著急,先跳過,堅(jiān)持看完。

第八步: 動(dòng)手操作,邊玩邊學(xué)

這一步?jīng)]有任何規(guī)則,可以做任何你想做的事情。比如這里我會(huì)寫各種好玩的組件,每完成一個(gè)組件就會(huì)有成就感,就會(huì)感覺有趣。

第九步: 全面掌握,學(xué)以致用

這一步你要用好奇心來驅(qū)動(dòng)學(xué)習(xí)。當(dāng)我們掌握到一定的程度,就不在滿足于寫一個(gè)小功能了,而是想做出有用的產(chǎn)品。不是么?

第十步: 樂為人師,融匯貫通

“你告訴我的,我都忘了。你教會(huì)我的,我都記得。讓我樂在其中,我就一定能學(xué)會(huì)?!?這一點(diǎn)一會(huì)兒會(huì)再聊到。

MAKE

至此,我使用的學(xué)習(xí)方法論介紹完了嗎?其實(shí)并沒有,我的核心學(xué)習(xí)方法論是MAKE。這是個(gè)關(guān)于“速成”方法論。然而,我理解的速成并非“迅速成功”,而是“快速入門”。速成絕無可能,但是快速入門不僅絕對(duì)有可能,而且還絕對(duì)必要。

MAKE: Minimal Actionable Knowledge and Experience

意思是:

最少必要知識(shí)

想要獲得某項(xiàng)技能的時(shí)候,一定要想辦法在最快的時(shí)間里,摸索清楚最少必要知識(shí)(MAKE)都有哪些?然后迅速地掌握它們,在那一瞬間,任何人都完成了“快速入門”。

那么,學(xué)習(xí)React Native這件事的MAKE集是什么呢?我總結(jié)出了三點(diǎn):

  • React
  • Components
  • 會(huì)查文檔

React是基礎(chǔ)知識(shí),我們需要掌握其中的每個(gè)概念。當(dāng)我們了解了React基礎(chǔ)之后,就可以學(xué)習(xí)如何寫Components了,學(xué)會(huì)寫各種Component,就學(xué)會(huì)寫App頁(yè)面了,因?yàn)檫@些頁(yè)面都是由各個(gè)Component組成的。

一旦我們掌握了前兩個(gè)MAKE,剩下要做的就是多練習(xí)了。練習(xí)過程中遇到問題最重要的是要會(huì)查文檔,比如查官方Component的用法,官方接口如何使用,遇到問題會(huì)使用Google搜索等。這個(gè)MAKE主要是為了提升我們解決問題的能力。

付費(fèi)就是撿便宜

學(xué)習(xí)方法論說完了,但是在執(zhí)行的過程中可能會(huì)有一些疑問。我搜集到了很多學(xué)習(xí)資源,該如何選擇呢?事實(shí)上,很多課程不成體系。事實(shí)上,付費(fèi)的課程是比較好的。事實(shí)上,付費(fèi)就是撿便宜!因此,我花了500元左右買的慕課網(wǎng)上的付費(fèi)課程。

我的付費(fèi)觀念能夠轉(zhuǎn)變成這樣是因?yàn)槲页粤撕芏嗝赓M(fèi)的虧。吃的那些虧讓我明白,牛人的認(rèn)知差異真的會(huì)比我們大的多,他們的認(rèn)知會(huì)讓他們的行動(dòng)很積極且正確。想要學(xué)習(xí)新的知識(shí),就應(yīng)該找那些比自己牛的人,跟著他們學(xué)肯定是撿便宜。

教是最好的學(xué)

這是一個(gè)絕招。很多時(shí)候,我們自認(rèn)為學(xué)會(huì)了某一個(gè)技能,其實(shí)不一定學(xué)會(huì)了!不信,你自己嘗試將他們寫出來,很有可能你的腦子里一片空白,什么都寫不出。如果你能將自己所學(xué)講給別人聽,說明確實(shí)是理解了,至少說明邏輯是清晰的。我的做法是,當(dāng)我覺得入門了React Native的時(shí)候,在公司部門內(nèi)部進(jìn)行一次分享。這么做,確實(shí)明智,加深了我對(duì)這個(gè)技能的理解。


十步學(xué)習(xí)法和MAKE方法論是兩個(gè)非常強(qiáng)大的武器,配合兩個(gè)妙招,幾乎可以搞定所有技能的學(xué)習(xí)。值得你一試!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,023評(píng)論 25 709
  • React Native優(yōu)秀博客,以及優(yōu)秀的Github庫(kù)列表(很多英文資料源自于[awesome-react-n...
    董董董董董董董董董大笨蛋閱讀 11,010評(píng)論 4 162
  • demo完成之后,公司沒用,沒有精力再弄了,給大家列出學(xué)習(xí)資料 React Native 構(gòu)建 Facebook ...
    wu大維閱讀 17,310評(píng)論 8 472
  • 很喜歡這部電影的名字,詩(shī)意而且有深意?,F(xiàn)代社會(huì)是一個(gè)人情的社會(huì),巨大的關(guān)系網(wǎng)籠罩著所有人,要往上爬除了靠才華,似乎...
    會(huì)飛的清蒸魚閱讀 1,420評(píng)論 0 0
  • 快樂來自于過程,而不是因?yàn)槟愕玫搅四阆胍臇|西。” —《愛在日落黃昏時(shí)》 如果能一直像個(gè)孩子一樣,活在蜜糖里有多好...
    劉溪溪閱讀 447評(píng)論 0 2

友情鏈接更多精彩內(nèi)容