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 ...
随机推荐
- 推荐Linux命令行运维工具: Wowkey--实现自动化批量化标准化
WowKey命令行运维工具,Linux设备的自动化.批量化.标准化的运维解决方案,解放运维人,提升企业运维效率和质量. 有人能理解做设备的运营维护工作的痛苦所在吗? 如果你的运维工作中,只维护个位数数 ...
- Win10在WSL上使用Vivado对ZCU 102 PYNQ进行ILA调试
ZCU 102上有两个USB接口(接口信号均为micro-A),其中靠近角落的接口为jtag端口,另外一个是uart端口 vivado自带的硬件管理器通过jtag端口连接到开发板.启动开发板,连接开发 ...
- Greenplum优化总结
Greenplum优化总结 GP优化需要了解清理缓存.性能监控.执行计划分析等知识.优化主要包含以下四方面: 表.字段,SQL,GP配置.服务器配置,硬件及节点资源. 一. 清理缓存: #!/usr/ ...
- 1、 为什么软件开发周期总是预估的2~3倍? 2、什么是分而治之? 3、了解 WBS
1.为什么软件开发周期总是预估的2~3倍? 首先,软件开发中经常会有需求变更的情况,客户或者利益相关者可能会提出新的需求或者改变现有的需求,这就得调整计划,增加了开发时间.其次,开发人员的技术和经验也 ...
- 【经验】微信小程序|云后台比价(自带云开发、leancloud、bmob)(2022/10/31更新)
这个博客UI不太好看,我另外也发在了博客园里,可点击链接查看. 文章目录 前言 1. 免费配额 2. 超过额度时收费情况 3. 另外的价钱 总结 前言 作为前端开发者,没有购买云服务器的习惯,在只需要 ...
- 信息资源管理综合题之“LJ集团信息化项目规划问题”
一.LJ集团是北京的一家规模巨大的房地产投资公司,早在15年前,该公司出现了如下几个问题:每个业务员手上的用户资料,其他人无法得知,从而导致员工离职时会流失大量潜在客户:业务员繁忙的时候,无法满足客户 ...
- vue3 基础-动态组件 & 异步组件
之前学习的都是父子组件传值的话题, 一句话总结就是, 常规数据通过属性传, dom 结构通过插槽 slot 来传. 而本篇则关注如何通过数据去控制组件的显示问题, 如咱经常用到的页面切换呀, Tab ...
- 弹性公网IP的五大核心优势解析
在云服务架构中,弹性公网IP(EIP)已成为现代企业网络部署的核心组件.与传统固定IP相比,它通过独特的技术机制解决了动态环境下的公网访问难题.以下五大核心优势决定了其不可替代的价值: 一.动态绑定的 ...
- 如何用Leangoo破解需求隔离与频繁变更的协作困局?
作为一位经历过"需求文档满天飞.系统各自为战"的研发负责人,我深知团队在需求频繁变更时面临的痛点--信息割裂导致响应滞后.优先级混乱引发返工.协作低效拖慢交付节奏. 近期,我深度测 ...
- flatpak appimage大小对比
格式:单应用大小 / 加上依赖 / 安装后大小 flatpak AppImage apt gimp 127.7 MB / 797.6 MB / 366 MB 164 MB vscodium 1 ...