DVA和antd admin的选择##
上一篇讲到二者的一些区别。
而且antd admin的更新和bug修复比dva频繁的多。
显然,DVA是成熟的,而antd admin中也有一些很好的实践。
因此,用ANTD Admin部署好了以后,再迁移到dva的模式,是我现在的一个基本想法。
所以,综上。再加上我们在这个比较肤浅理解程度的基础上启动开发,so,接下来的工作过程中会一定会面临很多重构。
开发人员入门
任何事情的学习都是师父领进门,修行在个人。因此有必要提供一些入门指导,但是深入的学习却是每个人自己的事情。
下列所有入门方式对应的资料链接,都可以在之前的文章中找到。
入门方式:
1.从实用角度说,首先可以学习dva官方的12步30分钟教程,并理解。这样直接可以上手开发。
2.打好基础是重要的。因此,在理解JS语言本身的基础上,可以看阮一峰大神的ES6入门教程数书。这是最基础的部分。如果从这里开始入门,可以把基础打牢固。
3.整个框架是基于React的,团队内部将会组织React的培训以及公布相关资料。这可以。。。。【TODO 待补充】
鄙人能力有限,并不能指出一条唯一的阳关大道,指引你一条路走到黑来入门这个技术领域。你可以从上面推荐的三种方式中任选一种来开始。但是,起码将三条路都走一遍,才能做到入门。三条路先走哪个后走哪个,只是一个次序选择问题。你要先选哪个,请根据自身实际情况来定,或者看你心情。
调试时可使用mockjs造假数据
和后端一起合并测试,也不能叫联调,数据可以是后端数据。但是有时调试时用的数据也有必要是mock数据。
而且antd中帮我们内置了mockjs。
Mock.js的基本原理是:调试时,系统启动后mockjs会拦截系统的Ajax请求,一旦检测到rurl符合我们预设的规则,就会帮我们返回我们预设的mock假数据。而在antd中,作者也说了,用fetch请求数据是请求不到的,因此他选用了一个ajax实现的请求库(对于这个库的选择,作者也在调整)。(他称mock的原理是拦截XHR----这是ajax中的请求对象。但是具体原理我也不懂,需要后续学习。)
造测试数据在antd admin中很简单,在Readme中有说。antd admin全局有个mockstorage,写好造的数据,放进去就行。系统帮你加载。
具体写造数据的代码可参考官网,创建mock的入参对象,按照官网格式可生成多种随机数据,非常灵活。
开发环境webserver:dora和roadhog的选择
都是官方推荐。【TODO 优劣比较】
dva-cli
建议使用dva的命令行生成默认的文件,如route、Component、model等。
eslint
今天更新到了最新版的 antd admin,支持eslint。
每次提交代码前可以执行下 npm run lint,看看js的静态检查报错问题。
atool-build 打包慢##
【TODO】待提速
网友评论