技术选型

  1. 核心库:SolidJS+TS版本
  2. 状态管理库:solid-zustand
  3. 路由:Solid-Router
  4. CSS框架:Tailwind CSS
    1. 类名使用tailwind-merge&class-variance-authority配合
    2. 动画使用https://github.com/jamiebuilds/tailwindcss-animate
  5. UI库:暂定两套,后续根据情况再选择其中一个
    1. flowbite 基于 Tailwind CSS设计
    2. SolidUI 基于 shadcn/ui
      1. 最终确认用kobalte无头ui库
  6. Meta管理:Solid-Meta
  7. i18n:@solid-primitives/i18n
  8. 构建工具:Vite+Turborepo
  9. 包管理工具:pnpm
  10. :turbo+pnpm
  11. icon库:https://lucide.dev/guide/packages/lucide-solid

其他高质量solidjs库:https://primitives.solidjs.community/

项目架构

  1. 响应式:使用Tailwind CSS响应式+rem方式
  2. 路由管理:H5二三级页面采用监听路由全屏弹窗方式,PC默认history路由模式
  3. 主题换肤:使用Tailwind CSS+CSS变量方式切换主题
  4. 多语言:通过在线文档管理翻译文本,使用英语文本作为i18n的Key值使用