希望用更简单,更组件化的方式去实现 ant pro。
-
开发技术栈上:
-
ant-pro-x 使用了redux + redux-thunk。
-
官方使用了dva,对redux + redux-saga 进行了封装。
-
-
概念上:
-
ant-pro-x 沿袭redux已有概念,同时使用了redux-duck约定来解决reducer,actionType,actionCreator等部件分散的问题。
-
官方实现基于dva封装,需要理解dva额外引入的概念,同时异步操作封装了redux-saga,需要理解saga的很多概念,这点个人认为及其不简单。
-
-
项目目录组织风格上:
-
ant-pro-x 基于domain-style组织,便于大型项目的维护扩展,以及未来的业务组件化,具体目录约定
-
官方似乎主要基于rails-style组织,很难从目录结构直观区分业务模块
-
-
数据mock:
-
ant-pro-x 封装了json-server,
-
官方使用roadhog
-
-
安装:npm install
-
启动应用:
npm start
,或者启用mock环境:npm run start:mock
-
启用mock server:
npm run mock
; 可在页面url后增加 ?mock 参数启用mock数据,或者使用步骤2的方式在命令行启用moc