共计 1184 个字符,预计需要花费 3 分钟才能阅读完成。
Remix Antd Admin
一款基于 Remix
/ Antd
/ Echarts
/ Styled-components
的管理系统,可疾速进行我的项目初始化。(本我的项目偏前端)
Project experience URL
https://remix-antd-admin.vercel.app/
我的项目仓库地址:https://github.com/yyong008/remix-antd-admin
Current Remix Version
1.51.0
设计动机
Remix 的设计范式简略不便,整个利用就是一个路由器,并且是前后端买通的路由器。表单设计使得 Remix 的表单能力更加简略不便。在后盾管理系统中,数据展现与数据录入,以及页面切换占据重要地位,Remix 设计仿佛特贴的简略贴切。集成 Antd UI 我的项目能力,能疾速实现具备丑陋 UI 简略的后盾管理系统。
外围包
包 | 阐明 |
---|---|
remix | 1.51.0(外围包) |
antd | 5.3.1(外围 UI 包) |
styled-components | css-in-js 解决方案(外围 css 解决方案) |
remix-utils | Remix 的 常用工具,例如:仅仅在服务端然组件 <ClientOnly> 组件(外围工具) |
国际化
国际化包 | 阐明 |
---|---|
remix-i18next | 很容的形式翻译你的 remix 利用 |
i18next | – |
react-i18next | – |
i18next-browser-languagedetector | – |
图表库
选图表留神反对 ssr
图表库 | 阐明 |
---|---|
echarts | 5.3.9 次要图表(思考 Remix 须要服务端渲染等问题) |
echarts-for-react | 基于 React 封装 echarts 组件 |
react-mind | React 脑图 |
react-mindmap | React 脑图 |
react-wordcloud | React 云词图 反对 ssr |
reactflow | 流程图 |
echarts-liquidfill-ssr | 水滴图 |
裁剪工具
- react-advanced-cropper
pnpm install react-advanced-cropper
Remix 长处
简单明了的路由书写范式,简略的数据获取和表单能力
- 弱小的文件路由范式
- loader 获取数据
- action 解决表单数据
用法
应用 pnpm
# 服务器
pnpm run dev # pnpm dev
# 构建
pnpm run build # pnpm build
# 开发环境服务器
pnpm run start # pnpm start
格式化工具
"scripts": {"prettier": "prettier --write app/ public/locales"},
反对
目前作者长期处于爱发电的状态,如果本我的项目可能帮忙到你无妨请作者喝一杯咖啡,有你的反对,开源我的项目将失去更好的保护,也崔进输入更加高质量的代码,当然也能够参加到此我的项目中成为我的项目的参与者,同时冀望提出宝贵意见以便我的项目能失去更好的保护和倒退。
正文完