FE前端技术栈

Vue

• Vue.js 3
  • 开发环境
    • Vite | Next Generation Frontend Tooling
    • vuejs/vue-cli: 🛠️ webpack-based tooling for Vue.js Development
    • webpack/webpack: A bundler for javascript and friends
  • SSR 服务端渲染
    • Nuxt: The Intuitive Web Framework
  • 状态管理
    • vuejs/pinia: 🍍 Intuitive, type safe, light and flexible Store for Vue
    • vuejs/vuex: 🗃️ Centralized State Management for Vue.js.
  • 路由
    • vuejs/router: 🚦 The official router for Vue.js
  • 多语言框架
    • kazupon/vue-i18n: Internationalization plugin for Vue.js
  • UI 框架
    • Naive UI: A Vue 3 Component Library
    • Element Plus
    • Quasar Framework

React

• React
  • 开发环境
    • Vite | Next Generation Frontend Tooling
    • Create React App
  • SSR 服务端渲染
    • Next.js by Vercel - The React Framework
  • 状态管理 对比
    • pmndrs/valtio: 💊 Valtio makes proxy-state simple for React and Vanilla
      • 堪称 React 版本的 Pinia，这才是你该选的 React 状态管理库！ - 掘金
    • pmndrs/zustand: 🐻 Bear necessities for state management in React
  • 路由
    • remix-run/react-router: Declarative routing for React
  • 多语言框架
    • i18next/react-i18next: Internationalization for react done right.
  • UI 框架
    • Material UI
    • Ant Design
  • Others
    • lukeed/clsx: A tiny (228B) utility for constructing className strings conditionally.

通用

• 通用
  • eslint - npm
  • prettier - npm
  • sass - npm
  • typescript - npm