众里寻他千百度,蓦然回首,那人却在,灯火阑珊处。这么好的react开源项目,值得珍藏了!
项目依赖模块
项目是用create-react-app创建的,依赖包如下:
- react(是一个用于构建用户界面的 JAVASCRIPT 库;主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图))
- react-router(react路由,4.x的版本,如果还使用3.x的版本,请切换分支(ps:分支不再维护))
- redux(基础用法,但是封装了通用action和reducer,demo中主要用于权限控制(ps:目前可以用16.x的context api代替),可以简单了解下)
- antd(蚂蚁金服开源的react ui组件框架)
- axios(http请求模块,可用于前端任何场景,很强大)
- echarts-for-react(可视化图表,别人基于react对echarts的封装,足够用了)
- recharts(另一个基于react封装的图表,个人觉得是没有echarts好用)
- nprogress(顶部加载条,蛮好用)
- react-draft-wysiwyg(别人基于react的富文本封装,如果找到其他更好的可以替换)
- react-draggable(拖拽模块,找了个简单版的)
- screenfull(全屏插件)
- photoswipe(图片弹层查看插件,不依赖jQuery,还是蛮好用)
- animate.css(css动画库)
- react-loadable(代码拆分,按需加载,预加载,样样都行,具体见其文档,推荐使用)
功能截图
登录页面
首页
富文本
图表
源码地址:https://github.com/hellowHuaairen/react-admin
分享是一种习惯,认识你才是我真实的目的!我的公众号:不安分的猿人