新的开始

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 GatsbyRemix 这样的工具则更进一步(将编译与渲染、路由和数据获取集成在一起)

这类将编译、渲染、路由和数据获取集成在一起的工具被称为“框架”(或者,如果你更喜欢将 React 本身称为框架,你可能会称它们为“元框架”)。

除了vite之外 如果你有需要也可以尝试一下它们(当然 我们主推还是vite)。

Create React App 被 React 官方抛弃的更多相关文章

  1. tap news:week5 0.0 create react app

    参考https://blog.csdn.net/qtfying/article/details/78665664 先创建文件夹 安装create react app 这个脚手架(facebook官方提 ...

  2. 深入 Create React App 核心概念

    本文差点难产而死.因为总结的过程中,多次怀疑本文是对官方文档的直接翻译和简单诺列:同时官方文档很全面,全范围的介绍无疑加深了写作的心智负担.但在最终的梳理中,发现走出了一条与众不同的路,于是坚持分享出 ...

  3. Create React App

    Facebook开源了React前端框架(MIT Licence),也同时提供了React脚手架 - create-react-app. create-react-app遵循约定优于配置(Coc)的原 ...

  4. 使用create react app教程

    This project was bootstrapped with Create React App. Below you will find some information on how to ...

  5. 如何扩展 Create React App 的 Webpack 配置

    如何扩展 Create React App 的 Webpack 配置  原文地址https://zhaozhiming.github.io/blog/2018/01/08/create-react-a ...

  6. 在 .NET Core 5 中集成 Create React app

    翻译自 Camilo Reyes 2021年2月22日的文章 <Integrate Create React app with .NET Core 5> [1] Camilo Reyes ...

  7. [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  ...

  8. Create React App 安装less 报错

    执行npm run eject 暴露模块 安装 npm i  less less-loader -D 1.打开 react app 的 webpack.config.js const sassRege ...

  9. Hybrid App 和 React Native 开发那点事

    简介:Hybrid App(混合模式移动应用)开发是指介于Web-app.Native-App这两者之间的一种开发模式,兼具「Native App 良好用户交互体验的优势」和「Web App 跨平台开 ...

  10. [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 ...

随机推荐

  1. 推荐Linux命令行运维工具: Wowkey--实现自动化批量化标准化

    WowKey命令行运维工具,Linux设备的自动化.批量化.标准化的运维解决方案,解放运维人,提升企业运维效率和质量. 有人能理解做设备的运营维护工作的痛苦所在吗? 如果你的运维工作中,只维护个位数数 ...

  2. Win10在WSL上使用Vivado对ZCU 102 PYNQ进行ILA调试

    ZCU 102上有两个USB接口(接口信号均为micro-A),其中靠近角落的接口为jtag端口,另外一个是uart端口 vivado自带的硬件管理器通过jtag端口连接到开发板.启动开发板,连接开发 ...

  3. Greenplum优化总结

    Greenplum优化总结 GP优化需要了解清理缓存.性能监控.执行计划分析等知识.优化主要包含以下四方面: 表.字段,SQL,GP配置.服务器配置,硬件及节点资源. 一. 清理缓存: #!/usr/ ...

  4. 1、 为什么软件开发周期总是预估的2~3倍? 2、什么是分而治之? 3、了解 WBS

    1.为什么软件开发周期总是预估的2~3倍? 首先,软件开发中经常会有需求变更的情况,客户或者利益相关者可能会提出新的需求或者改变现有的需求,这就得调整计划,增加了开发时间.其次,开发人员的技术和经验也 ...

  5. 【经验】微信小程序|云后台比价(自带云开发、leancloud、bmob)(2022/10/31更新)

    这个博客UI不太好看,我另外也发在了博客园里,可点击链接查看. 文章目录 前言 1. 免费配额 2. 超过额度时收费情况 3. 另外的价钱 总结 前言 作为前端开发者,没有购买云服务器的习惯,在只需要 ...

  6. 信息资源管理综合题之“LJ集团信息化项目规划问题”

    一.LJ集团是北京的一家规模巨大的房地产投资公司,早在15年前,该公司出现了如下几个问题:每个业务员手上的用户资料,其他人无法得知,从而导致员工离职时会流失大量潜在客户:业务员繁忙的时候,无法满足客户 ...

  7. vue3 基础-动态组件 & 异步组件

    之前学习的都是父子组件传值的话题, 一句话总结就是, 常规数据通过属性传, dom 结构通过插槽 slot 来传. 而本篇则关注如何通过数据去控制组件的显示问题, 如咱经常用到的页面切换呀, Tab ...

  8. 弹性公网IP的五大核心优势解析

    在云服务架构中,弹性公网IP(EIP)已成为现代企业网络部署的核心组件.与传统固定IP相比,它通过独特的技术机制解决了动态环境下的公网访问难题.以下五大核心优势决定了其不可替代的价值: 一.动态绑定的 ...

  9. 如何用Leangoo破解需求隔离与频繁变更的协作困局?

    作为一位经历过"需求文档满天飞.系统各自为战"的研发负责人,我深知团队在需求频繁变更时面临的痛点--信息割裂导致响应滞后.优先级混乱引发返工.协作低效拖慢交付节奏. 近期,我深度测 ...

  10. flatpak appimage大小对比

    格式:单应用大小 / 加上依赖 / 安装后大小   flatpak AppImage apt gimp 127.7 MB / 797.6 MB / 366 MB 164 MB   vscodium 1 ...