Create React App 被 React 官方抛弃
新的开始
2023年3月17号 react官方文档正式更新,还顺带搬了个家,连网址都变了。

被嫌弃的CRA
不知道小伙伴有没有留意到了没:曾经官方推荐 创建项目的脚手架工具 create-react-app已经从新文档中删除了,反而推荐了 React 社区的其它几个知名框架来创建项目。

在 Beta 版新文档中,还曾推荐过Vite 来搭建react项目,不过在正式版中又被推荐到了不起眼的地方。
为此还引起了尤雨溪(vue创始人)和 Dan Abramov(react核心成员)在推特上的一些友好交流

不过这只是一些有意思的花絮,本文主要要讨论的问题是:
我们曾经创建一个 React 项目时必备的 Create React App 脚手架去哪里了,为什么官网已经不在提及,是被时代抛弃了嘛?
事实上,Create React App正在被大家嫌弃,不信你看甚至都有人跑官网上来劝其下架了

那么Create React App有那些问题呢
Create React App创始之初就是为了解决开发者们手动集成一套react的开发环境的麻烦。
但是随着时间的推移,CRA越来越不能满足用户的需求,如响应慢、烦人的eject命令、不支持SSR和SSG等等问题。
当然 理论上 这些问题都是可以解决的。
不过react考虑到目前市面上出了那么多优秀的脚手架,它们也不想去维护了。
后边的路
那我们用什么呢?

就像 Create React App 自身集成了与编译相关的工具一样
Next.js Gatsby 和 Remix 这样的工具则更进一步(将编译与渲染、路由和数据获取集成在一起)
这类将编译、渲染、路由和数据获取集成在一起的工具被称为“框架”(或者,如果你更喜欢将 React 本身称为框架,你可能会称它们为“元框架”)。
除了vite之外 如果你有需要也可以尝试一下它们(当然 我们主推还是vite)。
Create React App 被 React 官方抛弃的更多相关文章
- tap news:week5 0.0 create react app
参考https://blog.csdn.net/qtfying/article/details/78665664 先创建文件夹 安装create react app 这个脚手架(facebook官方提 ...
- 深入 Create React App 核心概念
本文差点难产而死.因为总结的过程中,多次怀疑本文是对官方文档的直接翻译和简单诺列:同时官方文档很全面,全范围的介绍无疑加深了写作的心智负担.但在最终的梳理中,发现走出了一条与众不同的路,于是坚持分享出 ...
- Create React App
Facebook开源了React前端框架(MIT Licence),也同时提供了React脚手架 - create-react-app. create-react-app遵循约定优于配置(Coc)的原 ...
- 使用create react app教程
This project was bootstrapped with Create React App. Below you will find some information on how to ...
- 如何扩展 Create React App 的 Webpack 配置
如何扩展 Create React App 的 Webpack 配置 原文地址https://zhaozhiming.github.io/blog/2018/01/08/create-react-a ...
- 在 .NET Core 5 中集成 Create React app
翻译自 Camilo Reyes 2021年2月22日的文章 <Integrate Create React app with .NET Core 5> [1] Camilo Reyes ...
- [React] {svg, css module, sass} support in Create React App 2.0
create-react-app version 2.0 added a lot of new features. One of the new features is added the svgr ...
- Create React App 安装less 报错
执行npm run eject 暴露模块 安装 npm i less less-loader -D 1.打开 react app 的 webpack.config.js const sassRege ...
- Hybrid App 和 React Native 开发那点事
简介:Hybrid App(混合模式移动应用)开发是指介于Web-app.Native-App这两者之间的一种开发模式,兼具「Native App 良好用户交互体验的优势」和「Web App 跨平台开 ...
- [PReact] Reduce the Size of a React App in Two Lines with preact-compat
Not every app is greenfield, and it would be a shame if existing React apps could not benefit from t ...
随机推荐
- 使用benchmarksql测试数据库处理能力
我们所处行业的核心应用业务,当前还是传统的OLTP业务,应用系统使用 java 开发,并且不建议使用存储过程,使用 benchmarksql 压测数据库最公平,既可以测试数据库性能,也可以测试JDBC ...
- 基于Lighthouse安装Docker
1. 前言 在此之前小编通过各种方式介绍过自己通过服务器搭建的一些玩法,也写过一些教程,但是那些教程,现在回头来看,都是有些杂乱了,统一性不强.我就准备重新整理一下之前写的文章,并且准备重新开一个专题 ...
- LeetCode1464. 数组中两元素的最大乘积-JAVA
题目 给你一个整数数组 nums,请你选择数组的两个不同下标 i 和 j,使 (nums[i]-1)*(nums[j]-1) 取得最大值.请你计算并返回该式的最大值. 示例 1: 输入:nums = ...
- CentOS 7 部署 GLPI 系统及集成方案
一.系统环境准备 1. 安装必要依赖 # 更新系统sudo yum update -y # 安装EPEL仓库sudo yum install -y epel-release # 安装必要组件sudo ...
- dubbo源码解析-服务暴露与发现
一.概述 dubbo是一个简单易用的RPC框架,通过简单的提供者,消费者配置就能完成无感的网络调用.那么在dubbo中是如何将提供者的服务暴露出去,消费者又是如何获取到提供者相关信息的呢? 二.dub ...
- 等待元素加载出来后再执行下一步的方法(execute javascript指令的用法)
上图,会员修改参数后,提示修改成功,弹出层会暂时冻结页面,导致"会员"菜单不可点击 除了使用sleep加等待时间的方法解决,本教程用"execute javascript ...
- eolinker校验规则之正则匹配:返回结果校验的方法和案例(正则校验)
如上图红色箭头,需要校验返回值内是否包含"创建满足条件的优惠券"这一内容 如果需要满足以上校验,最好的方法就是使用正则进行匹配 切换到正则匹配,输入需要校验的内容,即可实现正则匹配 ...
- Sentinel源码—6.熔断降级和数据统计的实现
大纲 1.DegradeSlot实现熔断降级的原理与源码 2.Sentinel数据指标统计的滑动窗口算法 1.DegradeSlot实现熔断降级的原理与源码 (1)熔断降级规则DegradeRule的 ...
- Wireshark 的抓包和分析,看这篇就够了!
原文:Wireshark 的抓包和分析,看这篇就够了!
- coreJava笔记——1
一.数组 对于数组的操作: 1.System.arrayopy(旧数组,下表,新数组,下表,长度) 2.新对象 = Arrays.copyOf(旧数组,长度): \如果要删除数组中的一个元素,先用1. ...