入坑React之四 啟動開發(fā)注意事項

DVA和antd admin的選擇##

上一篇講到二者的一些區(qū)別。

而且antd admin的更新和bug修復(fù)比dva頻繁的多。

顯然,DVA是成熟的,而antd admin中也有一些很好的實踐。

因此,用ANTD Admin部署好了以后,再遷移到dva的模式,是我現(xiàn)在的一個基本想法。

所以,綜上。再加上我們在這個比較膚淺理解程度的基礎(chǔ)上啟動開發(fā),so,接下來的工作過程中會一定會面臨很多重構(gòu)

開發(fā)人員入門

任何事情的學(xué)習(xí)都是師父領(lǐng)進門,修行在個人。因此有必要提供一些入門指導(dǎo),但是深入的學(xué)習(xí)卻是每個人自己的事情。

下列所有入門方式對應(yīng)的資料鏈接,都可以在之前的文章中找到。

入門方式:

1.從實用角度說,首先可以學(xué)習(xí)dva官方的12步30分鐘教程,并理解。這樣直接可以上手開發(fā)。
2.打好基礎(chǔ)是重要的。因此,在理解JS語言本身的基礎(chǔ)上,可以看阮一峰大神的ES6入門教程數(shù)書。這是最基礎(chǔ)的部分。如果從這里開始入門,可以把基礎(chǔ)打牢固。
3.整個框架是基于React的,團隊內(nèi)部將會組織React的培訓(xùn)以及公布相關(guān)資料。這可以。。。。【TODO 待補充】

鄙人能力有限,并不能指出一條唯一的陽關(guān)大道,指引你一條路走到黑來入門這個技術(shù)領(lǐng)域。你可以從上面推薦的三種方式中任選一種來開始。但是,起碼將三條路都走一遍,才能做到入門。三條路先走哪個后走哪個,只是一個次序選擇問題。你要先選哪個,請根據(jù)自身實際情況來定,或者看你心情。

調(diào)試時可使用mockjs造假數(shù)據(jù)

和后端一起合并測試,也不能叫聯(lián)調(diào),數(shù)據(jù)可以是后端數(shù)據(jù)。但是有時調(diào)試時用的數(shù)據(jù)也有必要是mock數(shù)據(jù)。

而且antd中幫我們內(nèi)置了mockjs。

Mock.js的基本原理是:調(diào)試時,系統(tǒng)啟動后mockjs會攔截系統(tǒng)的Ajax請求,一旦檢測到rurl符合我們預(yù)設(shè)的規(guī)則,就會幫我們返回我們預(yù)設(shè)的mock假數(shù)據(jù)。而在antd中,作者也說了,用fetch請求數(shù)據(jù)是請求不到的,因此他選用了一個ajax實現(xiàn)的請求庫(對于這個庫的選擇,作者也在調(diào)整)。(他稱mock的原理是攔截XHR----這是ajax中的請求對象。但是具體原理我也不懂,需要后續(xù)學(xué)習(xí)。)

造測試數(shù)據(jù)在antd admin中很簡單,在Readme中有說。antd admin全局有個mockstorage,寫好造的數(shù)據(jù),放進去就行。系統(tǒng)幫你加載。

具體寫造數(shù)據(jù)的代碼可參考官網(wǎng),創(chuàng)建mock的入?yún)ο螅凑展倬W(wǎng)格式可生成多種隨機數(shù)據(jù),非常靈活。

開發(fā)環(huán)境webserver:dora和roadhog的選擇

都是官方推薦。【TODO 優(yōu)劣比較】

dva-cli

建議使用dva的命令行生成默認(rèn)的文件,如route、Component、model等。

eslint

今天更新到了最新版的 antd admin,支持eslint。

每次提交代碼前可以執(zhí)行下 npm run lint,看看js的靜態(tài)檢查報錯問題。

atool-build 打包慢##

【TODO】待提速

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • ant Design給人的感覺就是:很強大、很龐大(雜亂)。 它號稱已經(jīng)應(yīng)用于多個生產(chǎn)項目了。或者看這里。或者看看...
    松鼠楊閱讀 16,321評論 4 21
  • 今天正式入駐簡書,準(zhǔn)備開一個專題總結(jié)下最近的學(xué)習(xí)成果 —— dva。 dva 是由阿里架構(gòu)師 sorrycc 帶領(lǐng)...
    dkvirus閱讀 19,260評論 28 116
  • 做前端肯定離不開UI。 基于React的UI React本身就是做VIEW的,被包裝成的React的組件,說白了就...
    松鼠楊閱讀 3,838評論 0 5
  • 七月,我從學(xué)校回到家,即隨父母離開村子去草原過游牧生活。 我們的駐地臨近一座山,山上有泉眼,幾個和尚便也在那山間搭...
    燊燊燊燊閱讀 804評論 5 2
  • 第五、六章 生產(chǎn)效率 由于生產(chǎn)效率的提升(儲蓄、創(chuàng)新與投資的結(jié)果),產(chǎn)品的價格也隨之下降,于是更多的顧客可以去消費...
    卷福不卷閱讀 613評論 0 0