基于 react、react-hooks、redux、ts手写ant-design-pro，搭配 node、eggjs、ts、mysql、redis配套api

介绍

最开始的时候，我需要一个 react 开发的 amdin 模版，在开源社区寻找了一边之后，比较中意 ant design pro 的 UI，当我一堆操作把 ant desgin pro 的代码拉下来研究之后，发现内容是在太多了，除了 react、redux 之外，还包含了 umi、dva、ant-design/pro-layout 等其它东西，当这些概念和 ts 结合起来使用的时候，作为一个 react新手，我瞬间感觉无处下手，后面又仔细了阅读了权限设计、菜单栏渲染部分的代码，我得出结论， Ant Design Pro 足够优秀，但不适合我的需求场景。很遗憾，只能放弃使用

但是，Ant Design Pro 的 UI 最为好看的一个，颜值即正义，既然我无法放弃 Ant Design Pro 的 UI，那干脆模仿 Ant Design Pro 的 UI，自己来实现一个较为简单的版本

愿景

我在日常开发中发现，大部分开发人员，在日常开发中，用的都是别人的模版，而且只关注业务实现，忽视了系统的底层实现，大部分时间都用来做重复无意义的工作，对自己的提升微乎其微，一个很重要的原因就是

开源模版底层实现逻辑复杂，封装层级深，代码对新手不友好

所以在开发这个系统时，在某些地方，我并没有太过封装，让使用这个模版的人都能看懂里面的每一行代码，同时能基于这个模版优化出最适合自己业务场景的一个通用模版，而不是永远在别人的模版之上coding

另外，我比较提倡优质的代码应该是浅显易懂的，而不是代码量最少，应避免因过于封装而导致逻辑晦涩难懂，对于新手来说非常不友好。

规划

前端

• 从零使用 react 搭建系统
• 全面使用 react-hooks 开发，抛弃 class 组件写法、所有组件异步加载，提高首屏渲染速度
• 动态权限设计，实现路由菜单动态获取
• 完成基本的用户登录、注册、找回密码功能
• …

后端

• 基于eggjs、typescript 完整搭建基本模版
• 集成 redis、mysql 数据库相关
• 实现基本的用户系统、权限管理系统、短信发送、文件上传等功能
• …

使用技术