网站首页 > 教程文章 正文
Create React App 曾是 2017-2021 年间快速启动 React 项目的核心工具,但目前已进入长期维护停滞状态。我们建议您迁移至 《新建 React 项目》 文档中推荐的 React 框架。
两周前,React 官方将 create-react-app 使用文档标记为废弃了,原因是 React 19 与 CRA 不兼容。
不过,对于初学者来说,仍然可以使用 CRA 创建项目,但是不建议用于生产环境。使用时要注意将 React 锁定在 18 版本。
官方建议迁移到其他框架来创建 React 项目,包括 Next.js、Remix、Gatsby、Expo,当然还有 Vite 可以使用。Next.js/Remix 侧重服务端,Gatsby/Astro 专注静态生成;Expo 专攻移动端,Vite 聚焦开发体验;Gatsby 深度绑定 GraphQL,Remix 集成 Loaders/Actions 机制。
接下来,简要介绍下以上几种流行框架特点及如何创建 React 项目:
Next.js
定位:全栈 React 框架,支持 SSR/SSG/ISR 渲染模式,适合企业级应用和 SEO 优化网站
安装:npx create-next-app@latest
Remix
定位:嵌套路由驱动的全栈框架,内置数据加载优化,专注用户体验与渐进增强
安装:npx create-remix@latest
Gatsby
定位:基于 GraphQL 的静态站点生成器,集成 CMS 生态,适合内容型网站
安装:npx create-gatsby
Expo(React Native)
定位:跨平台 React 原生应用开发工具链,内置组件库与云构建服务
安装:npx create-expo-app@latest
Vite
定位:极速构建工具,原生 ESM 支持 + 秒级热更新,适合轻量级 React 应用
安装:npm create vite@latest → 选择 React 模板
- 上一篇: 字节P8大佬爆肝整理,一文带你梳理React面试题!
- 下一篇: 认识一下 TSX 吧(来认识一下)
猜你喜欢
- 2025-06-18 让 React 代码行数减少78%的 htmlx 有这么神?
- 2025-06-18 如何做 React 性能优化?(react 项目优化)
- 2025-06-18 React 渲染流程可视化,有大佬实现了!
- 2025-06-18 与 Vue 相伴四年,终究还是没抵住 React 的巨大诱惑
- 2025-06-18 25、Tailwind:魔法速记术——React 19 样式新思路
- 2025-06-18 推荐!React 生态不容错过的6大顶级虚拟滚动库?
- 2025-06-18 React18 Hook中的useState和useEffect
- 2025-06-18 8.3K star!React Bits,让你拥有全网几乎所有动画效果
- 2025-06-18 前端开发React18 - useEffect(前端开发工程师是干什么的)
- 2025-06-18 react-store(react18+)-同步和异步操作仓库
- 最近发表
-
- 一课译词:一刀两断(一刀两断成语解释)
- 核心短语break up用法解析(breakd短语)
- HTML+CSS 实现商品图片列表放大视觉效果 复制完整代码即可马上调用
- 前端实现右键自定义菜单(前端实现右键自定义菜单怎么设置)
- Python中docx与docxcompose批量合并多个Word文档并添加分页符
- Java 将Excel转为XML(java将xls转换成xlsx)
- jq+ajax+bootstrap改了一个动态分页的表格
- css兼容性问题及一些常见问题汇总大全,赶快收藏!
- Java 的业务逻辑验证框架 之-fluent-validator
- 小程序cover-view踩坑系列2(微信小程序overflow)
- 标签列表
-
- location.href (44)
- document.ready (36)
- git checkout -b (34)
- 跃点数 (35)
- 阿里云镜像地址 (33)
- qt qmessagebox (36)
- mybatis plus page (35)
- vue @scroll (38)
- 堆栈区别 (33)
- 什么是容器 (33)
- sha1 md5 (33)
- navicat导出数据 (34)
- 阿里云acp考试 (33)
- 阿里云 nacos (34)
- redhat官网下载镜像 (36)
- srs服务器 (33)
- pico开发者 (33)
- https的端口号 (34)
- vscode更改主题 (35)
- 阿里云资源池 (34)
- os.path.join (33)
- redis aof rdb 区别 (33)
- 302跳转 (33)
- http method (35)
- js array splice (33)