关于react.js:Remix-后台remixantdadmin

43次阅读

共计 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"},

反对

目前作者长期处于爱发电的状态,如果本我的项目可能帮忙到你无妨请作者喝一杯咖啡,有你的反对,开源我的项目将失去更好的保护,也崔进输入更加高质量的代码,当然也能够参加到此我的项目中成为我的项目的参与者,同时冀望提出宝贵意见以便我的项目能失去更好的保护和倒退。

正文完
 0