隨著移動(dòng)端開(kāi)發(fā)和React的流行，越來(lái)越多的人想要學(xué)習(xí)React Native。本文將向你推薦一些自學(xué)React Native的懇切建議，介紹一些關(guān)于React Native的學(xué)習(xí)資源，并推薦一些簡(jiǎn)單實(shí)用的開(kāi)發(fā)工具。相信只要按照本文所述的方法實(shí)踐，你一定能更快速得成為一名React Native開(kāi)發(fā)者。

如果你已經(jīng)看過(guò) The State of JavaScript 2017 （2017年JavaScript狀態(tài)調(diào)查）的結(jié)果，你會(huì)發(fā)現(xiàn)許多有趣的數(shù)據(jù)。

其中突出的一點(diǎn)是：許多人想要學(xué)習(xí)React Native。

JavaScript移動(dòng)端狀態(tài)調(diào)查結(jié)果

這真是太好了。過(guò)去一整年，我一直在教人們?nèi)绾问褂肦eact Native。開(kāi)發(fā)團(tuán)隊(duì)希望通過(guò)同時(shí)觸達(dá)南非和印度的iOS和Android用戶來(lái)最大化他們的現(xiàn)有開(kāi)發(fā)資源，而這些用戶希望通過(guò)移動(dòng)應(yīng)用來(lái)提高他們社區(qū)的生活質(zhì)量。

一部分教授過(guò)程是通過(guò)回答開(kāi)發(fā)者的郵件。他們其中很多都只是剛剛開(kāi)始接觸React Native，希望找到學(xué)習(xí)React Native的最佳方法。

我經(jīng)�；貜�(fù)郵件。其中最經(jīng)常被問(wèn)到的問(wèn)題是，“學(xué)習(xí)ReactNative的最佳方法是什么？”盡管沒(méi)有真正最佳的方法，但我在這里會(huì)分享一些React Native開(kāi)發(fā)者速成指南。我曾經(jīng)將這個(gè)方法告訴過(guò)成百上千人。我希望這也會(huì)幫助到你。

建議

在我們深入探討如何真正成為React Native開(kāi)發(fā)者之前，我想大體上給你一些自學(xué)方面的建議。我發(fā)現(xiàn)，只要人們投入時(shí)間，他們一般都很擅長(zhǎng)自學(xué)。

我知道大家都很忙，但是只要做很少一點(diǎn)事情，你就可以自學(xué)很多東西。

避免干擾

你正在瀏覽某個(gè)科技媒體。你可能是通過(guò)Google搜索或者訂閱發(fā)布，發(fā)現(xiàn)了這篇文章。這意味著，你可能看到或聽(tīng)到很多技術(shù)相關(guān)的信息。

這非常棒！我們生活的技術(shù)世界日新月異。

但是，這可能會(huì)令你精疲力竭，特別是當(dāng)你還只是剛剛起步的時(shí)候。我的建議是——一旦你讀完這篇文章，就立馬制定一個(gè)學(xué)習(xí)計(jì)劃來(lái)讓你靜下心來(lái)踏實(shí)學(xué)習(xí)。

集中你的注意力到你正在學(xué)習(xí)的東西上，暫時(shí)隔絕新事物的干擾。學(xué)習(xí)那些核心概念，而不是不斷盲目追求最新的package或做事方法。

制定一個(gè)計(jì)劃，然后嚴(yán)格遵守�？朔�錯(cuò)失恐懼癥（FOMO，fear of missing out，即害怕錯(cuò)失某些事情）。一旦你學(xué)習(xí)了基礎(chǔ)知識(shí)，幾周之后再來(lái)學(xué)那些東西也為時(shí)不晚。

不要將正在學(xué)習(xí)的東西投入實(shí)際產(chǎn)品

我經(jīng)常收到一些郵件，其中人們經(jīng)常嘗試將一些復(fù)雜的package集成到他們現(xiàn)有的App中，然后導(dǎo)致App無(wú)法正常運(yùn)行。但是它又需要運(yùn)行——這可是我的重頭App！

我知道你現(xiàn)在就想投身于構(gòu)建自己的App。但是，那不是最好的學(xué)習(xí)方式。因?yàn)橛性S多變動(dòng)的部分，所以這個(gè)過(guò)程會(huì)讓你感到沮喪。更可氣的是，下一周，你發(fā)現(xiàn)做錯(cuò)了一些事情，然后必須在你的App中解決并修復(fù)這些問(wèn)題。

每次學(xué)習(xí)一個(gè)概念，或一個(gè)packgeg，或一項(xiàng)技術(shù)。在一個(gè)隨時(shí)可以丟棄的環(huán)境或沙箱環(huán)境下學(xué)習(xí)。

一旦你在沙箱環(huán)境中掌握了新技術(shù)，然后就可以把它帶入你的實(shí)際App中了。你會(huì)更開(kāi)心一些，你的代碼會(huì)從中受益，并且你也會(huì)更清楚實(shí)際運(yùn)行情況。

規(guī)劃時(shí)間

你忙，我也忙，大家都很忙。但是，我們要把時(shí)間花在重要的事情上——也許是一次就醫(yī)預(yù)約，也許是與你的老板或投資人的一次會(huì)議，也許是與你的新愛(ài)慕對(duì)象的一次約會(huì)。

重點(diǎn)是——你做出一個(gè)承諾，把它安排進(jìn)你的日程，然后堅(jiān)持遵守。

學(xué)習(xí)和投資自己是如此重要，值得好好規(guī)劃。你需要像遵守其它重要承諾一樣來(lái)遵守你的學(xué)習(xí)計(jì)劃。

但是，我沒(méi)有時(shí)間！

抽出5分鐘時(shí)間——我知道你可以的。每天抽出獨(dú)立的5分鐘。一旦你覺(jué)得非常容易做到的時(shí)候，可以將時(shí)間提升到10分鐘。然后當(dāng)你適應(yīng)了10分鐘的時(shí)候，可以再將時(shí)間提升到15分鐘。

重點(diǎn)是，你要將它安排進(jìn)你的日程并且把它放在顯眼的位置。相信我，這很有效。

我的學(xué)習(xí)時(shí)間是在吃午飯前的30分鐘以及晚飯后的15-30分鐘。

制定一個(gè)學(xué)習(xí)計(jì)劃

我之前已經(jīng)提到這一點(diǎn)，但是我真的很想再重述這一點(diǎn)。制定一個(gè)計(jì)劃是有好處的。你可能已經(jīng)為生活中的許多事情制定計(jì)劃——為什么不為學(xué)習(xí)React Native這件事制定一個(gè)計(jì)劃呢？

回到我的第一條建議——如果你沒(méi)有計(jì)劃，你會(huì)發(fā)現(xiàn)自己在盲目追逐媒體上最新的東西�，F(xiàn)在不是你做那些事情的時(shí)候�，F(xiàn)在你需要制定一個(gè)學(xué)習(xí)計(jì)劃。

我建議你：查看我下面提到的學(xué)習(xí)資源，瀏覽它們提供的內(nèi)容，并且把這排進(jìn)你的日程。靜下心來(lái)踏實(shí)學(xué)習(xí)，直到掌握為止，然后再查看其他東西。

制定一個(gè)學(xué)習(xí)計(jì)劃可能看起來(lái)像一場(chǎng)戰(zhàn)爭(zhēng)，或者看起來(lái)非常復(fù)雜。但其實(shí)不是這樣！為了消除分心，我為你制定了一個(gè)和本文所述相匹配的學(xué)習(xí)計(jì)劃。你可以 直接下載 。

不要光學(xué)不練

我發(fā)現(xiàn)許多在 我課程 中的學(xué)生都有這個(gè)問(wèn)題。他們觀看視頻，然后就完事了。應(yīng)該一邊看視頻一邊編碼，或者在視頻結(jié)束之后立即編寫一些我視頻中做的東西。

學(xué)習(xí)并且實(shí)踐是我們變得精通并真正明白的方式。你會(huì)遇到必須調(diào)試的一些問(wèn)題，思考為什么一些事情是用某種方式處理的，然后你就會(huì)留下深刻記憶。

不要光學(xué)，要多實(shí)踐。

學(xué)習(xí)資源

JavaScript

簡(jiǎn)單、免費(fèi)而且有趣。

想要更多資源？這里有許多——由 Eric Elliott 策劃。 

任何編程語(yǔ)言都包含許多內(nèi)容。如果你只是對(duì)學(xué)習(xí)React Native開(kāi)發(fā)中常見(jiàn)的ES6功能感興趣，我這里為你整理了一份大綱。

React

對(duì)于使用React Native來(lái)說(shuō)，理解React是必要的。從名字上就可以看得出，React官方文檔對(duì)你應(yīng)該很有幫助。

我是 Dan Abramov 的React教材的熱粉，它會(huì)教你使用React所需要知道的一些事情。 

如果你剛剛接觸JSX，這會(huì)幫到你：

我也經(jīng)常參考各種生命周期方法，因?yàn)槲业拇竽X拒絕記住它們。

React Native

和React一樣，你應(yīng)該先去看看官方文檔，特別是學(xué)習(xí)基礎(chǔ)指南的時(shí)候。

一旦你看過(guò)了官網(wǎng)資料，我這里為你準(zhǔn)備了一份 免費(fèi)課程 。它會(huì)一步步教會(huì)你如何用React Native構(gòu)建一個(gè)貨幣匯率換算器。 

另外一個(gè)免費(fèi)的干貨資源是 Devin Abbott 的《React Native Express》。 

這些資源應(yīng)該會(huì)讓你打下牢固的基礎(chǔ)。

工具

學(xué)習(xí)新東西時(shí)最難的事情是，確保你已經(jīng)正確搭建了開(kāi)發(fā)環(huán)境，使得你真的可以進(jìn)行學(xué)習(xí)。這里有一些使得搭建環(huán)境更容易的工具。

Expo

Expo使得開(kāi)發(fā)移動(dòng)應(yīng)用難以想象得容易。它允許你構(gòu)建移動(dòng)App而不管你是基于哪個(gè)平臺(tái)。有一些可能會(huì)困擾你的原生技術(shù)，你在這個(gè)學(xué)習(xí)階段不需要擔(dān)心，Expo會(huì)負(fù)責(zé)處理它們。

另外一個(gè)好處是——它們?yōu)槟闾峁┝嗽S多默認(rèn)API（例如獲取相機(jī)、獲取圖標(biāo)等），因此你不必再為安裝類似API而擔(dān)憂。它都提供給你了。

如果你從來(lái)沒(méi)有用過(guò)React Native，或者就算你曾經(jīng)用過(guò)，我也強(qiáng)烈推薦你試試這款工具。我現(xiàn)在就是用它來(lái)構(gòu)建我所有的App的。

React Navigation

你的App通常會(huì)有多屏內(nèi)容�？梢栽囋囉肦eact Navigation來(lái)處理導(dǎo)航。它非常易用，而且大部分你遇到的教程（一旦你完成了你的學(xué)習(xí)計(jì)劃�。┒伎赡苁鞘褂盟鼇�(lái)處理導(dǎo)航的。

React Native Elements

React Native Elements是一個(gè)UI庫(kù)，它可以使你快速容易地制作好看的App。

除了提供通用UI組件之外，它還是學(xué)習(xí)如何使用React Native的一種非常好的方式。其中的組件設(shè)計(jì)得非常好，這是一個(gè)深入學(xué)習(xí)如何組織和構(gòu)建你自己的UI組件的非常好的項(xiàng)目。

哇！這里有太多東西了。它會(huì)為你提供一個(gè)開(kāi)始學(xué)習(xí)React Native的非常棒的地方。

記住，制定你的學(xué)習(xí)規(guī)劃。我總結(jié)了一份學(xué)習(xí)指南，幫助你一步步學(xué)習(xí)我羅列出來(lái)的資源。我將它按邏輯和時(shí)間估計(jì)分組——你只需要將它排進(jìn)你的日程就可以了。

想要我為本文總結(jié)的學(xué)習(xí)計(jì)劃？ 立即點(diǎn)擊下載吧 ！

關(guān)于作者

Spencer Carli是一名學(xué)生/老師/披薩狂魔。他主要寫一些關(guān)于React Native、Meteor的文章。他非常熱心，經(jīng)常通過(guò)郵件和在線課程來(lái)幫助人們學(xué)習(xí)React Native。如果你遇到了問(wèn)題，可以在 Twitter 上跟他交流。

查看英文原文： How to Become a React Native Developer in 2018

感謝覃云對(duì)本文的審校。

 

來(lái)自：http://www.infoq.com/cn/articles/how-to-become-a-react-native-developer-in-2018

 

標(biāo)簽： Google 代碼 開(kāi)發(fā)者 媒體 搜索

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。