做个最佳实践,然后弄出个模板

一个 React+ TS + Vite + tailwind 开箱即用的mobile开发模板

一个 React+ TS + Vite + Radix UI 开箱即用的后台开发模板

https://github.com/ywanzhou/vue3-template

https://github.com/Murked/vue-tailwind-admin

vue-element-admin:

我也弄一个 react-element-admin

前言:我的 vscode 配置

vite:脚手架

路由:react-router-dom(react router v6实际上已经实现了KeepAlive的功能)

状态库:zustand

请求库:axios

用于请求数据的 hooks 库:swr

动画库: @react-spring/web

更优雅的写 className,代替 classnames: clsx

css 解决方案:sass

css 格式化: normalize

获取真正的 vh:vh-check

icon 库: react-icons

懒加载:React.lazy

不匹配:<Route path="*" element={<NotFound />} />

icon 设计:https://favicon.io/emoji-favicons/

svg:https://tabler-icons.io/

svg:https://www.svgrepo.com/

eva-icons

做一个 模版

https://github.com/saberc8/vue3-vant-template

之后的 movie 项目就是基于这个来做