reactjs和nextjs有什么区别

Question

我刚开始学习Reactjs，我在Reactjs和next.js之间有点困惑。他们之间有什么区别？两者都是面向组件的流程。

Answer 1

当您访问网站时，会发生 4 个步骤。

对于 React JS，CSR（客户端渲染） 流程正在流动：

1. 服务器向您的浏览器发送响应（页面正在加载）
2. 浏览器下载JS（页面正在加载）
3. 浏览器执行 React（页面正在加载）
4. 页面现在可查看和可交互（页面已加载）

对于 Next JS，SSR（服务器端渲染） 流程正在流动：

1. 服务器向您的浏览器发送准备呈现 HTML 响应（页面正在加载）
2. 浏览器呈现页面的 HTML 并下载 JS（页面加载）
3. 浏览器执行 React
4. 页面现在可交互

Answer 2

React是用于构建用户界面的库。

Next.js使用React。它是服务器呈现的React应用程序的框架。

Answer 3

Nextjs允许您在服务器（SSR）上呈现React应用程序。如果你检查一个反应应用程序的源代码，它是非常空的，这对于SEO问题并不理想。有other benefits with SSR

使用Nextjs，它将在服务器和客户端上呈现。

他们无法比较。他们一起工作。 Nextjs“包裹”反应。

Answer 4

Next.js 是一个库，可帮助您使用 React 进行 SSR（服务器端渲染）。你可以在没有 Next.js 的情况下使用 React，但你不能在没有 React 的情况下使用 Next.js

Answer 5

在所有组件创建和软件包安装中，两者都是相同的。

反应完全用于客户端渲染。

Next.js首先在服务器端渲染，然后在客户端渲染，因此Next.js支持SEO。

对于React应用：npm start

对于Next.js：npm run dev

Answer 6

Next.js 更像是 react JS 的框架。如前所述，它更强大是因为它的服务器端渲染功能