终于,React 官方宣布弃用 Create-React-App

开发 开发工具
知道在什么项目下需要配置什么规则,使用什么工具,但相应的更加灵活,方便维护一些。在 Cursor + claude 组合下,这些 Prompt 基本都能生成正确的结果,建议多试试。​

2 月 14 号,React 官方发文宣布正式弃用 Create-React-App (https://react.dev/blog/2025/02/14/sunsetting-create-react-app),后续不再维护 ,并推荐后续使用如下方式初始化 React 开发环境:

# Next.js
npx create-next-app@latest my-app

# React Router v7 (基于Vite)
npx create-react-router@latest

# Expo (移动应用)
npx create-expo-app my-app

# 使用 vite
npm create vite@latest my-app -- --template react

一些吐槽

我的个人观点,CRA 是很早之前推出的产品,早期前端工程基建工具还比较原始,确实需要这么一个工具内置好各类工程实践与规则,快速搭建应用开发环境,但如今基建工具已经迭代了很多轮,CRA 却没有投入太多精力,没有发生多少变化,内置的模板能力也很薄弱,缺乏路由、数据请求、Splitchunk 打包、SSR 等相关的标准解决方案。

并且现在看来, CRA 的设计也很有问题,默认把配置逻辑都隐藏了,但当你需要修改工程能力时,必须用 npm run eject 把配置代码都显式写出来,之后再做修改,但这一大坨配置代码实在不好理解也不好维护:

图片图片

相对而言,Vite、Rsbuild 等现代化工程框架的处理方案就优雅了许多,只需维护若干配置文件即可。

图片图片

使用 Cursor 初始化项目

除此之外,我个人会更推荐使用 Cursor ,智能搭建项目环境,你可以在创建项目后逐步引导,逐步完成项目设置,例如我常用的 Prompt:

设置 prettier 环境,并配置保存代码时自动格式化

设置 eslint 环境,并以 airbnb 为标准规范

设置 ts 环境,并产出 esm 风格产物代码

配置 rsbuild + react 开发环境

这种方法要求对工程规则有一定了解,知道在什么项目下需要配置什么规则,使用什么工具,但相应的更加灵活,方便维护一些。在 Cursor + claude 组合下,这些 Prompt 基本都能生成正确的结果,建议多试试。

责任编辑:武晓燕 来源: Tecvan
相关推荐

2025-02-17 12:24:06

2021-09-01 19:33:41

Source SentryDocker

2023-02-02 08:41:14

React团队Vite

2024-07-08 00:00:07

2024-01-30 08:30:41

TypeScript编译器类型

2021-10-22 15:45:32

开发技能React

2017-07-06 20:27:38

React.jsHtml5Javascript

2023-03-19 11:42:19

React新官方文档

2021-10-20 14:29:44

layuijQuery前端

2022-05-06 07:31:01

useEventReactHook

2017-09-18 13:34:44

Facebook

2021-06-16 06:05:25

React18React

2011-12-26 09:38:24

诺基亚SymbianBelle

2011-01-13 09:17:44

2020-06-01 09:40:06

开发ReactTypeScript

2020-06-03 16:50:24

TypeScriptReact前端

2024-10-30 09:15:09

React前端库工具库

2024-04-28 09:01:06

React 19更新前端

2025-02-18 13:11:17

2020-12-07 07:48:35

K8sDockerKubernetes
点赞
收藏

51CTO技术栈公众号