reactjs和nextjs有什么区别

Question

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

Answer 1

Nextjs 允许您在服务器 (SSR) 上渲染 React 应用程序。如果您查看 React 应用程序的源代码，它非常空洞，这对于 SEO 问题来说并不理想。SSR还有其他好处

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

他们不能相提并论。他们一起工作。Nextjs“包装”反应。

Answer 2

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

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

Answer 3

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

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

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

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

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