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】待提速