共计 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-cropperRemix 长处
简单明了的路由书写范式，简略的数据获取和表单能力
- 弱小的文件路由范式
- 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"},反对
目前作者长期处于爱发电的状态，如果本我的项目可能帮忙到你无妨请作者喝一杯咖啡，有你的反对，开源我的项目将失去更好的保护，也崔进输入更加高质量的代码，当然也能够参加到此我的项目中成为我的项目的参与者，同时冀望提出宝贵意见以便我的项目能失去更好的保护和倒退。
正文完