Exodia / ant-pro-x

another implemention of ant pro

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ant-pro-x:另一种技术风格的 ant pro 实现

Why

目标

希望用更简单,更组件化的方式去实现 ant pro。

与官方实现的区别

  1. 开发技术栈上:

    • ant-pro-x 使用了redux + redux-thunk。

    • 官方使用了dva,对redux + redux-saga 进行了封装。

  2. 概念上:

    • ant-pro-x 沿袭redux已有概念,同时使用了redux-duck约定来解决reducer,actionType,actionCreator等部件分散的问题。

    • 官方实现基于dva封装,需要理解dva额外引入的概念,同时异步操作封装了redux-saga,需要理解saga的很多概念,这点个人认为及其不简单

  3. 项目目录组织风格上:

    • ant-pro-x 基于domain-style组织,便于大型项目的维护扩展,以及未来的业务组件化,具体目录约定

    • 官方似乎主要基于rails-style组织,很难从目录结构直观区分业务模块

  4. 数据mock:

    • ant-pro-x 封装了json-server

    • 官方使用roadhog

安装使用

  1. 安装:npm install

  2. 启动应用:npm start,或者启用mock环境:npm run start:mock

  3. 启用mock server:npm run mock; 可在页面url后增加 ?mock 参数启用mock数据,或者使用步骤2的方式在命令行启用moc

About

another implemention of ant pro


Languages

Language:JavaScript 87.2%Language:CSS 10.4%Language:HTML 2.4%