Pareto

Pareto 是一个基于 Vite 7 和 React 19 的轻量级 SSR 框架，提供流式渲染、文件路由和内置状态管理，无需 React Server Components 或编译器魔法，让开发者完全掌控 Express 服务器。

核心能力

Pareto 聚焦 SSR 框架必备的三项能力：路由、流式渲染、状态管理，其余功能留给生态。

• 流式渲染：通过 defer() 和 <Await> 组件实现渐进式数据加载，利用 React Suspense 边界避免全页转圈
• 文件路由：约定 page.tsx、layout.tsx、head.tsx、loader.ts、not-found.tsx 五个文件，嵌套布局自动合并
• 内置状态管理：defineStore() 配合 Immer 实现不可变更新，支持服务端序列化与客户端水合，零额外依赖
• 标准组件：所有组件均为常规 React 组件，无需 'use client' 指令，无客户端/服务端心智分裂

与 Next.js / Remix 的差异

Pareto 有意缩小范围，不做大而全的框架，而是提供可移植的轻量基础。

• 无 RSC：不引入 React Server Components，无编译器边界和隐藏转换
• 你拥有服务器：基于标准 Express，可自由添加中间件、配置 CORS，无框架控制的服务端运行时
• Vite 全栈：直接使用 Vite 7 配置与插件，无 Webpack/Turbopack 自定义配置
• 精简功能集：不包含图片优化、字体子系统、Edge 运行时、中间件链或 Server Actions

上手与项目结构

通过 npx create-pareto@latest 创建项目，5 分钟内可运行流式 SSR 页面。

• 快速启动：npx create-pareto@latest my-app && cd my-app && npm install && npm run dev，默认端口 3000
• 项目结构：app/ 目录下包含 layout.tsx（根布局）、page.tsx（首页）、head.tsx（全局 meta）、not-found.tsx（404）、stream/ 子路由等
• 构建部署：npm run build 构建，npm run start 启动生产服务，无平台锁定

常见问题

Q1：Pareto 的客户端运行时体积有多大？

A1：框架运行时约 5 KB（gzip），包含路由、水合、流式渲染和状态管理的完整客户端包约 19 KB（未压缩）。

Q2：Pareto 支持 TypeScript 吗？

A2：支持。项目模板默认包含 tsconfig.json，loader 函数可使用 LoaderContext 类型，页面组件可通过泛型定义 loader 返回数据类型。

Q3：Pareto 能否部署到任意 Node.js 环境？

A3：可以。由于使用标准 Express 服务器，可部署到任何支持 Node.js 的平台（如 VPS、Docker、传统托管），无需适配特定运行时。

更多同类工具与网站,可在React分类继续挑选。

信息核实于 2026年7月,具体以官网为准。