Create React App 已死?

你使用过 create-react-app(创建 React 应用程序)吗? 可能每次创建 React 应用程序时都会用到。

使用它有一些问题。任何框架的遗留功能在使用一段时间后都会出现这样的问题。

为什么不使用create-react-app

从石器时代开始,我们就被灌输了这样的思想:使用 CRA 命令就能轻松开始 React 开发。 没错,确实很简单。但现在世界的需求是什么? 更简单、更快速。

这就是 CRA 的失败之处。你自己也会注意到这一点。每次初始化 react 应用程序时,都要运行 CRA 命令。Node 会开始安装软件包,然后:

你有了一个全新的应用程序。

但是等等,你知道有一些选项可以更快更好地完成此操作吗?

嗯,这就是本文的全部内容。

现代框架提供了更快、更复杂地创建反应应用程序的功能。

1. Vite

用于创建 React 应用程序的最常用的现代框架之一是 Vite。

Vite 在创建 React 应用程序时相对较快,同时也减少了服务器启动时间。你还可以看到npm

上的受欢迎程度:

就像编写以下命令一样简单:

bash 复制代码
npm create vite@latest

这与 CRA 的工作方式几乎相同,但速度肯定更快。

2.Gatsby/Astro

静态网站生成是最新的趋势之一。SSG 使用的概念是预渲染页面,并将其作为静态网站提供给用户,而不像 React 那样具有反应性。 简单的用例是博客或营销页面,其中的数据不需要根据用户的反应进行更新。

在这种情况下,Gatsby 或 Astro 等框架就派上用场了。它们编译基于 React 的代码,并提供纯 HTML、CSS 和 Javascript 页面。

现在,让我们来看看更偏向于全栈方面的框架。

3.NextJS

你对 NextJS 的了解可能比本文中的任何其他选项都多。

原因其中之一是 NextJS 提供的广泛的功能。

  • 纯服务器端生成静态页面
  • 混合页面是静态的,但对客户端交互(如 React)做出反应
  • 无需使用 React Router 等任何库即可创建路由的功能
  • 将 API 和客户端页面放在同一服务器上

好了,你已经明白了,为什么是 NextJS。

4. Remix

最后,但绝对不是最不重要的是 Remix。 它是市场上最新的 JS 框架之一。

什么是 RemixJS?正如费尔南多-多格里奥(Fernando Doglio)所说:

Remix 是用于开发网络应用程序的全新全栈框架。我之所以称它为 "全栈框架",是因为它可以让你同时为前端和后端编码。是的,你将使用 JavaScript 来完成所有工作,并在代码中加入类似 React 的元素。

大开眼界? 那就开卷吧! 学起来! 更棒的是,Shopify 最近收购了它。虽然也有其他框架提供类似的功能,但它们都没有 Shopify 这样的巨头支持。

今天的内容就是这样。

相关推荐
GISer_Jing3 小时前
React中Element&Fiber对象、WorkInProgress双缓存、Reconcile&Render&Commit、第一次挂载过程详解
javascript·react.js·前端框架
小华同学ai4 小时前
Etherpad:Star 17k, 哈哈,找到啦,免费强大的实时协作文档编辑器,支持多人同时协作,别再过啦,有需求的时候不一定能找到,轻量化、快速集成上手,轻
前端·前端框架·github
星云code10 小时前
【HM-React】07. 登录模块
javascript·react.js·ecmascript
鱼樱前端20 小时前
Vue3之ref 实现源码深度解读
vue.js·前端框架·函数式编程
疯狂的沙粒21 小时前
如何更轻松的对React refs 的理解?都有哪些应用场景?
前端·react.js·前端框架
w2sfot1 天前
Building Real-Time APIs with Node.js and React.js Using Socket.io
前端·react.js·node.js
疯狂的沙粒1 天前
对React中类组件和函数组件的理解?有什么区别?
前端·react.js·前端框架
流泪的鱼1 天前
svelte5中使用react组件
前端·react.js·前端框架
GISer_Jing1 天前
React Fiber框架中的Commit提交阶段——commitMutationEffect函数
javascript·react.js·ecmascript
罗_三金1 天前
React面试合集
前端·javascript·react.js·2025面试