Vite + React + TypeScript 最佳实践(2023)
做个最佳实践,然后弄出个模板
一个 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/ ⭐
eva-icons
做一个 模版
https://github.com/saberc8/vue3-vant-template
之后的 movie 项目就是基于这个来做