前端框架总览
这里更关心“这一套框架到底是怎么组织页面和状态的”,而不是只记 API 名字。
推荐阅读顺序
- 先看
前端框架选型,确定当前项目属于哪一类问题 - 再按主框架进入:React 或 Vue
- 再看路由、Hooks、版本更新等专题
- 再补 React Native、Electron、Tauri 这类目标平台方案
- 如果项目已经进入全栈 React 路线,再看 Next.js 总览和 Next.js 专题目录
- 最后补 Umi、UniApp、SolidJS、小程序等特定生态
当前这部分的边界
React / Vue:主流框架本体和常见专题Next / Umi / UniApp / Plasmo / 小程序:不同运行环境下的工程方案React Native / Electron / Tauri:面向移动端和桌面端的应用框架- 跨框架的数据请求内容已迁到
工程化 / 请求与数据层
如果只是先做路线判断,可以直接看 前端框架选型。
前端框架选型
框架选型很少是“谁最强”这种问题,更常见的是:当前项目需要什么运行方式,团队已经熟悉哪套心智模型,后面准备承受多少工程复杂度。
React
5 个项目
Vue
5 个项目
Next.js 专题
17 个项目
React Native
React Native 适合放在“已经熟悉 React,但目标不再只是浏览器”的这条线里看。它保留了 React 的组件思维和状态管理方式,但最终渲染出来的是原生平台控件,不是浏览器 DOM。
Solid.js 核心指南
Solid.js 是一个声明式、高效的 JavaScript 库,用于构建用户界面。它不使用虚拟 DOM,而是通过将模板编译为真实的 DOM 节点,并使用细粒度的响应式系统来更新它们。
小程序
核心-双线程架构
浏览器插件 - Plasmo框架
Plasmo 是一个可插拔的企业级浏览器插件框架,基于 Webpack + Vite 构建,支持约定式路由、插件体系、微前端等企业级特性。
Umi
UmiJS 是一个可插拔的企业级 React 应用框架,基于 React + React Router + Webpack 构建,支持约定式路由、插件体系、微前端等企业级特性。
UniApp
Electron
Electron 适合放在“前端团队想把 Web 技术直接带到桌面端”的那条线上看。它把 Chromium、Node.js 和桌面系统能力放在同一个框架里,让 HTML、CSS、JavaScript 不只跑在浏览器里,也能打包成真正的桌面应用。
Tauri
Tauri 适合放在“想做桌面端,但又不太想把一整套浏览器引擎都打进安装包”的那条线上看。它和 Electron 一样可以用 Web 技术写界面,但底层路线完全不同。