Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chao921125/react-vite
React18+Vite+React Router，更新到router6.4最新语法，学习为主
https://github.com/chao921125/react-vite
ant-design antd hooks react react-hooks typescript
Last synced: about 12 hours ago
JSON representation
React18+Vite+React Router，更新到router6.4最新语法，学习为主
- Host: GitHub
- URL: https://github.com/chao921125/react-vite
- Owner: chao921125
- License: bsd-3-clause
- Created: 2022-04-11T13:41:05.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-06T14:30:42.000Z (2 months ago)
- Last Synced: 2024-09-06T17:14:37.212Z (2 months ago)
- Topics: ant-design, antd, hooks, react, react-hooks, typescript
- Language: TypeScript
- Homepage: https://react-vite-sigma.vercel.app
- Size: 60.1 MB
- Stars: 9
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
###### 看心情更新，仅为自己遇到的问题做实践
# 避坑指南 及 注意事项
- 注意：本项目的国际化是使用的i18next，需要单独处理antd，且本地的翻译文件只能为json格式
# 核心依赖
###### 无特殊说明均对应最新版，随便更新
#### 更多！更全！插件库，请[点击查看](https://github.com/chao921125/vue-vite)
| 脚手架 | |
|--------------|--------------------------------------------------------|
| VITE | [vite 官网](https://cn.vitejs.dev/) |
| React | [React](https://react.docschina.org/) |
| 路由管理 | [react-router-dom 官网](https://reactrouter.com/en/main) |
| 状态管理 Recoil | [Recoil 官网推荐的](https://recoiljs.org/zh-hans/) |
| 状态管理 Redux | [Redux 老牌状态管理](https://redux.js.org/) |
# UI 相关
| UI 多端 官方 |
|------------------------------------------------|
| [tdesign 腾讯多端UI](https://tdesign.tencent.com/) |
| UI PC |
|------------------------------------------------------------------------|
| [Ant Design](https://ant.design/index-cn) |
| [mui](https://mui.com/) |
| [bootstrap 兼容版 直接install](https://getbootstrap.com/) |
| [bootstrap react](https://react-bootstrap.github.io/) |
| [rsuitejs 好用](https://rsuitejs.com/zh/) |
| [chakra-ui](https://chakra-ui.com/) |
| [arco](https://arco.design/react/docs/start) |
| [nextui](https://nextui.org/) |
| [semi](https://semi.design/zh-CN/) |
| [primereact](https://primereact.org/) |
| [rebassjs](https://rebassjs.org/) |
| [grommet](https://v2.grommet.io/) |
| [semantic](https://semantic-ui.com/) |
| [elemefe](https://elemefe.github.io/element-react/#/zh-CN/quick-start) |
| [segment](https://evergreen.segment.com/) |
| [rebassjs](https://rebassjs.org/) |
| [theme-ui](https://theme-ui.com/) |
| [mantine](https://mantine.dev/) |
| [fluent2 微软出品难用](https://fluent2.microsoft.design/) |
| [semantic-ui class](https://react.semantic-ui.com/) |
| [blueprintjs 模块化](https://blueprintjs.com/) |
| [headlessui 模块化](https://headlessui.com/) |
| [retool 整套解决方案](https://retool.com/) |
| [grommet 整套解决方案](https://v2.grommet.io/) |
| [react-admin 整套解决方案](https://marmelab.com/react-admin/) |
| 二维码 |
|--------------------------------------------------------------|
| [qrcode.react](https://github.com/zpao/qrcode.react) |
| [react-qr-code](https://github.com/rosskhanas/react-qr-code) |
| 拖拽 |
|------------------------------------------------------------------|
| [react-draggable](https://www.npmjs.com/package/react-draggable) |
| [react-dnd](https://github.com/react-dnd/react-dnd) |
| [react-draggable](https://www.npmjs.com/package/react-draggable) |
| 拖拽 文件上传 |
|--------------------------------------------------|
| [react-dropzone](https://react-dropzone.js.org/) |
| 动画库 |
|--------------------------------------------------------------------------------|
| [react-spring](https://react-spring.dev/) |
| [framer](https://www.framer.com/) |
| [React Transition Group](https://reactcommunity.org/react-transition-group/) |
| [react-motion](https://github.com/chenglou/react-motion) |
| [React Move](https://react-move-docs.netlify.app/getting-started/installation) |
| [react-reveal](https://www.react-reveal.com/) |
| [react-loading](https://www.npmjs.com/package/react-loading) |
| 动画UI |
|------------------------------------------|
| [airbnb](https://airbnb.io/visx/docs) |
# JS库
| 打印 |
|------------------------------------------------------|
| [打印](https://www.npmjs.com/package/react-to-print) |
# SSR
| 框架 |
|---------------------------------|
| [astro](https://astro.build/) |
| [Next.js](https://nextjs.org/) |
# 优秀项目推荐
| 快速解决方案 |
|--------------------------------------------------|
| [react-admin](https://marmelab.com/react-admin/) |
| [adminjs](https://adminjs.co/) |
| [ant pro](https://pro.ant.design/zh-CN/) |
| [iceteam 飞冰](https://iceteam.gitee.io/) |
| 包含服务 |
|------------------------------------------------------------|
| [ant-simple-pro](https://github.com/lgf196/ant-simple-pro) |
| 参考项目 |
|-------------------------------------------------------------------------|
| [Hooks-Admin](https://github.com/HalseySpicy/Hooks-Admin) |
| [react-admin](https://github.com/southliu/react-admin) |
| [react-admin](https://github.com/javaLuo/react-admin) |
| [pro-react-admin](https://github.com/wkylin/pro-react-admin) |
| [admin-antd-react](https://github.com/lqsong/admin-antd-react) |
| [vite-react-admin](https://github.com/percy507/vite-react-admin) |
| [react-vite-admin](https://github.com/ychengcloud/react-vite-admin) |
| [react-admin-template](https://github.com/Zenquan/react-admin-template) |
| [ant-simple-pro](https://github.com/lgf196/ant-simple-pro) |