大前端框架生态

"把所有前端框架列出来"实际上做不到，因为框架和库数量非常多（几百个+），还在持续出现。更实用的是按 主流生产环境、元框架、移动端、桌面端、状态管理、构建工具、CSS、全栈、微前端 等生态梳理。

你做过 React/Vue 企业项目，我按"大前端全景图"整理，尽量覆盖主流生态。

一、主流前端 UI 框架（核心）

1. React

Meta 出品，当前企业使用最多。

核心：

React
├── JSX
├── Hooks
├── Context
├── Suspense
├── Server Components

生态：

路由：

• React Router

• TanStack Router

状态管理：

• Redux

• Zustand

• MobX

• Recoil

• Context

请求：

• Axios

• Fetch

• TanStack Query

• SWR

UI：

• Ant Design

• Material UI

• Chakra UI

表单：

• React Hook Form

• Formik

动画：

• Framer Motion

图表：

• ECharts

• Recharts

元框架：

• Next.js

• Remix

• Gatsby

---

2. Vue.js

生态：

核心：

Vue
├── Composition API
├── Options API
├── SFC

官方：

• Vue Router

• Pinia

• Vuex（旧）

• VueUse

元框架：

• Nuxt

UI：

• Element Plus

• Vant

• Naive UI

• iView/View UI

• Arco

请求：

• Axios

状态：

• Pinia

---

3. Angular

Google 出品。

生态：

Angular
├── RxJS
├── TypeScript
├── DI
├── Signals

配套：

• Angular Router

• NgRx

• Angular Material

适合：

金融
政府
大型后台

---

4. Svelte

生态：

• SvelteKit

• Stores

特点：

编译时优化
体积小
性能强

---

5. SolidJS

生态：

• SolidStart

特点：

React 思想 + 更高性能

---

6. 其他框架

较少但存在：

• Preact

• Qwik

• Lit

• Alpine.js

• Ember

• Backbone

• Knockout

• Mithril

• Riot

• Aurelia

老框架：

• jQuery

---

二、SSR / 全栈框架（热门）

React 系

• Next.js

• Remix

• Gatsby

Vue 系

• Nuxt

• Quasar

新一代

• Astro

• Fresh

---

三、构建工具生态

现代前端离不开打包器。

主流：

• Vite（当前最流行）

• Webpack

• Rspack

• Turbopack

• Rollup

• Parcel

• Esbuild

• SWC

---

四、CSS 生态

CSS 框架：

• Tailwind CSS

• Bootstrap

• Bulma

预处理：

• Sass

• Less

• Stylus

CSS-in-JS：

• Styled Components

• Emotion

---

五、状态管理

React：

Redux
Zustand
MobX
Recoil
Jotai
Valtio

Vue：

Pinia
Vuex

跨框架：

RxJS
XState

---

六、移动端框架

跨端：

• React Native

• Flutter

• Ionic

• Taro

• uni-app

小程序：

• Taro

• uni-app

---

七、桌面端

桌面应用：

• Electron

• Tauri

• Neutralino

例如：

VSCode → Electron

---

八、服务端 / 全栈（前端常接触）

Node：

• Node.js

• NestJS

• Express

• Koa

• Fastify

Bun：

• Bun

Deno：

• Deno

---

九、微前端

企业级常见：

• qiankun

• single-spa

• Module Federation

---

十、2026 企业招聘最常见技术栈（现实情况）

如果看招聘，不是"所有框架"，而是：

第一梯队：

React + Next + TS + Vite
Vue3 + TS + Vite + Pinia

第二梯队：

Angular
React Native
NestJS

第三梯队：

Svelte
Solid
Qwik
Astro

---

结合你的背景（React/Vue、后台系统、性能平台），继续投入建议：

React 深化
↓
Next.js
↓
TypeScript 高级
↓
Node/Nest
↓
AI SDK
↓
Agent + 全栈

。