作者:徐澈
鏈接:https://www.zhihu.com/question/51804158/answer/127582470
來源:知乎
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
不知道題主是剛?cè)腴T呢,還是已經(jīng)小成,打算跟進潮流。不同階段,回答的時候給出的建議當(dāng)然不太一樣。
我的資料源一般來自 github、微博、推特、medium 。是的,我個人比較喜歡看看博客,或者更有干貨的討論,屬于窺屏黨。所以列表里沒有什么社區(qū),也不知道有什么QQ 群,個人也不太喜歡看視頻...
強烈建議不要買任何實體書。用一些不準(zhǔn)確的數(shù)字描述下:
框架產(chǎn)生到框架流行,需要個把月;
流行了才會有人寫書,寫書又要個把月;
寫完書等翻譯,又要個把月。
算算一年過去了,等到這本譯書實際到你手里的時候,版本號都從0.x提到15了,書上的例子還能不能跑起來都是個問題...
鑒于此,入門的話一般官網(wǎng)即可,中文文檔貌似會比較滯后,推薦英文文檔。
然后建議直接上手去寫,不要多想,不用考慮是不是符合 xxx in patterns... 這種事情還是回過頭來考慮。
最好找個人給你講一下,因為如果一開始不懂 ES6 ,不懂 webpack ,會被這些暫時不需要 care 的語法糖和復(fù)雜度弄暈,很難快速了解 react 的本身到底做了什么。如果關(guān)系比較好,寫完讓他幫忙 review 下。
下面有一份不知道有沒有過時的文檔列表,先后順序隨機,列幾個看完覺得還可以的。
react 解疑https://github.com/timarney/react-faq
react 是什么鬼https://github.com/petehunt/react-howto
react 模式https://github.com/krasimir/react-in-patterns
react 操哭你https://github.com/gaearon/react-makes-you-sad
react 初學(xué)者必須知道的九件事https://camjackson.net/post/9-things-every-reactjs-beginner-should-know
知乎上的 pure render 專欄、leanreact 專欄
medium 上 redux 的作者@dan_abramov的所有文章
redux 莞式教程GitHub - kenberkeley/redux-simple-tutorial: Redux 莞式教程。本教程深入淺出,配套入門、進階源碼解讀以及文檔注釋豐滿的 Demo 等一條龍服務(wù)
翻了下自己的存檔,發(fā)現(xiàn)很多東西都比較細,就沒有再列了。但是讀完這些應(yīng)該對 React 已經(jīng)比較熟悉了。
如果你是一個有經(jīng)驗的前端,不妨試試去寫一個之前實現(xiàn)過的東西,這樣你在寫的時候不會過多懷疑自己是不會實現(xiàn)業(yè)務(wù)邏輯還是不懂 react。等你寫完找朋友 review 一下。
如果你還是嫌不夠,那就多寫,爭取在生產(chǎn)環(huán)境中去寫,和同事一起改進。小型的Todo MVC ,根本遇不到一些生成環(huán)境中才會出現(xiàn)的問題,在這種應(yīng)用里考慮哪里該用什么寫法,也是無的放矢。
最后,可以去推特和 medium 上關(guān)注下
redux 的作者Dan Abramov
react-router 的作者Ryan Florence
其它 react 團隊的維護者和貢獻者
類似框架的作者,比如 cycle.js 的作者André Staltz
關(guān)注一個等于關(guān)注一波,所以我也不報菜名了。
React 本身是蠻簡單的,但是配套的整個技術(shù)棧要掌握要花點時間。尤其是很多東西社區(qū)里并無指定范式和標(biāo)準(zhǔn),根據(jù)項目大小,完全可以選擇不同的類庫。比如不一定是用 redux,可以是 mobx。最終的代碼和解決方案,非??简為_發(fā)者自己的品味。
建議把 vue 、Angular2 也看看,這三大框架都在互相借鑒吸收,為解決同樣的問題有著類似的方案,當(dāng)然更好玩的地方是不同的地方。如果有時間,再看看 elm ,作為被抄對象,值得一看。
學(xué)一個東西最擔(dān)心過時,猶豫到底是學(xué)哪個好(知乎月經(jīng)問題)。但是要是知道了框架本身到底在解決什么問題,又引入了什么問題,對以后新出的新框架新概念,都可以更快地理解和上手,不用覺得每次都要重新學(xué)一遍。
共勉。