跳到内容

后端和基础设施

打包与提供你的应用

元框架随时间变化的比重

唯一显示出强劲使用率增长的框架是 Astro,从 18% 增长到 26%。另外值得注意的是,TanStack Start 的首次亮相表现非常抢眼,关注度达到 81%,保留率达到 90%!

Astro
Create React App
Gatsby
Next.js
Remix
Redwood
TanStack Start
Docusaurus

模式:

视图:

0%
20%
40%
60%
80%
100%
2023
2024
0%
20%
40%
60%
80%
100%

其他元框架

值得注意的是,Waku 是在 React 服务器组件问世后发布的少数几个框架之一,目的是从一开始就充分利用这些组件。

0%
20%
40%
60%
80%
100%
1

2

3

4

其他答案

匹配“其他答案”的答案 155
0%
20%
40%
60%
80%
100%
受访者百分比

现在,Vite 已经超越了 Webpack,考虑到 Webpack 已经存在了很长时间,这一点非常了不起。

0%
20%
40%
60%
80%
100%
1

5,418
2

5,330
3

3,133
4

2,556
5

1,982
6

1,895
7

1,782
8

1,401
9

789
10

426
0%
20%
40%
60%
80%
100%
受访者百分比
你用过哪些构建工具和打包工具?

Vercel 在排名中遥遥领先,这也是可以理解的,因为它在 React 生态系统中投入了大量资金。

0%
20%
40%
60%
80%
100%
3,648
2,991
2,314
1,464
1,392
1,173
526
0%
20%
40%
60%
80%
100%
受访者百分比
您使用过哪些服务来托管您的 React 应用?
我们邀请 React 社区成员分享他们的"年度之选"

我的 2024 年度之选: Pigment CSS

Material UI 团队正在构建一个下一代的 CSS-in-JS 库,将样式化 API 引入 React Server Components 时代。虽然已经有很多 CSS-in-JS 工具,但这个工具满足了我所有的需求。
我们邀请 React 社区成员分享他们的"年度之选"

Josh W. Comeau

软件工程师和教育者。The Joy of React 的创作者

Firebase 仍然是一个流行的数据存储平台,而 Sentry 仍然是大多数人进行错误跟踪的首选。

0%
20%
40%
60%
80%
100%
2,505
2,266
3

2,102
1,660
1,589
341
8

0%
20%
40%
60%
80%
100%
受访者百分比
您在 React 应用中使用过哪些其他服务?

不出所料,TypeScriptJavaScript 为大多数 React 应用程序的后端提供了动力,这表明开发人员非常重视将整个代码库保持在同一种语言中。

0%
20%
40%
60%
80%
100%
1

4,609
2

3,826
3

1,610
4

1,378
5

1,254
6

1,103
7

1,097
8

516
9

432
10

378
0%
20%
40%
60%
80%
100%
受访者百分比
您的后端应用程序是用哪种语言编写的?

通常,最常见的痛点是 “过于复杂 ”或 “学习曲线过长 ”等一般性问题,但这次不是。 端到端类型安全(在服务器和客户端之间共享类型,并确保传输的任何数据都符合这些类型)显然是今年后端基础架构的首要问题,这也解释了为什么我们现在看到 TanStack StarttRPC 等工具来解决这个问题。

0%
20%
40%
60%
80%
100%
1

End-to-end type safety

2

Deployment

3

Next.js issues

4

Excessive complexity

5

Frontend and backend integration

6

其他答案

匹配“其他答案”的答案 228
0%
20%
40%
60%
80%
100%
受访者百分比
您在后端和基础设施方面遇到过哪些痛点?
(自由提问)
Intermediate Next.js
Scott Moss
Superfilter AI

Intermediate Next.js

Level up your Next.js skills to build production-ready applications. Dive into advanced concepts like server actions, route slots, and data fetching strategies.
Expand Your Abilities to the Server and Master the Fullstack
Jem Young
Netflix

Expand Your Abilities to the Server and Master the Fullstack

Set up servers, create APIs, and deploy your code to the world by learning the full stack.
感谢合作伙伴对我们的支持! 了解更多。