其他分享
首页 > 其他分享> > 为什么 Create React App 在 2022 年过时了

为什么 Create React App 在 2022 年过时了

作者:互联网

为什么 Create React App 在 2022 年过时了

即使这是你第一次使用 React,你也不应该使用 Create React App。

Photo by 菲力桑提兰 on 不飞溅

Create React App 是几乎每个开发人员(包括我自己)在学习 JavaScript 库 React 时首先学会使用的东西,我认为这导致了一些重大缺陷。

1. Create React App 将您的整个应用程序构建到一个文件中

虽然这对初学者来说非常方便,但这会导致开发过程后期出现问题,例如,

Create React App 使用客户端渲染 (CSR) 来捆绑 Javascript 文件并构建一个文件以将其全部呈现在客户端上。这一切都在客户端的浏览器中完成,因为 React 在默认配置中无权访问服务器端渲染 (SSR)。 Create React App 抽象了项目内部的所有内容以及正在使用的单个依赖项 反应脚本 作为初学者,这可能是惊人的,少了一件需要担心的事情!但是现在作为初学者,您可能不知道正在使用什么 transpiler(babel) 或 bundler(webpack),甚至可能不知道它们是什么(它们是 Javascript Web 开发周期中非常重要的部分)! !

因此,从猖獗的抽象开始,它要处理 Create React App 中的众多过度简化可能会导致理解 Javascript 的重要部分时遇到一些麻烦。

我喜欢将 Create React App 用于前端 Web 开发,就像 Python 之于 C。Python 抽象了 C 中许多最大的学习点,例如指针和内存分配,而不是一种速度较慢的解释性语言,它几乎可以处理所有的事情。用户。

Photo by 克林特帕特森 on 不飞溅

2. 创建 React App 的竞赛

众所周知,前端框架空间已经饱和,似乎每六个月就会出现一种新框架或新语言,并且新时尚占据了这个空间。学习新语言和跟上这些新技术的步伐更加困难。这迫使大公司在构建新软件时明智地选择他们的依赖项,并且随着新的 React 框架的涌入,他们坚持使用非常一致的 LTS 框架,它们可以很好地发挥作用,而 Create React App 不是其中之一。

React 已经成为最流行的前端开源框架之一,并已被 Facebook、Uber、Airbnb、Shopify、Pinterest 和 Netflix 等公司使用。虽然大多数时候这些大公司使用的框架是根据他们的需求和规范定制的,但一些最好的开源项目仍然可以使用。

Photo by 弗洛里安·克鲁姆 on 不飞溅

3.Next.js

Next.js 是由 Vercel 制作的生产级开发包,它为您的所有开发需求添加了非常有用的渲染选项,例如我们之前讨论过的经典 CSR、SSR 和许多混合选项来帮助满足任何其他需求。 Next.js 中有最小的抽象,允许您直接查看和修改现有流程。包括一个 API 和页面部分,使开发变得快速、简单且(大部分)易于遵循。如果初学者要问最好的框架是什么,我会推荐 Next.js 作为最好的下一步。

随意更深入地了解他们 网站 演示 更好地了解他们提供的服务。

4. 盖茨比

Gatsby 是另一个由 Gatsby 出色的人制作的生产级开发包,它允许快速和卓越的加载时间以及内置的 GraphQL 和一个充满插件的社区,允许您将阳光下的任何 CMS 与您的网站连接起来,无论是Shopify、WordPress 或 HubSpot。内置的 GraphQL 支持非常适合在您的网站内构建简单的图表并跟踪通信。

如果您不知道为什么 GraphQL 如此出色,请阅读 我的文章 关于它。

据报道,与竞争对手相比,Gatsby 的加载时间快了 50%,构建时间快了 20 倍。这一切都是通过在静态 HTML、CSS 和 Javascript 包中构建他们的网站来完成的,以随着时间的推移减少加载并提高性能。即使依赖项随时间发生变化,这也永远不会让网站失败,因为它们仍将建立在 Web 的基本构建块之上。

要了解有关他们的框架的更多信息,请查看他们的 网站 演示 更好地了解他们提供的服务。

结论

总而言之,我喜欢使用所有版本的 React。从 Create React App 开始,到 Next.js 和 Gatbsy 等更大的项目,我对开发的热爱始终如一。如果您是初学者,我建议您使用 Create React App 跳过加载和学习阶段,并使用 Gatsby 和 Next.js 学习绳索。自学所获得的经验是无价的。

更多内容在 ** 纯英语.io** .注册我们的 ** 免费每周通讯** .跟着我们 ** 推特** , ** 领英** , ** YouTube** , 和 ** 不和谐** .

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/20652/07230700

标签:Create,js,React,构建,2022,Next,App
来源: https://www.cnblogs.com/amboke/p/16663818.html