javascript - 与服务器端渲染堆栈 react

Question

在过去的几年里，我一直在使用老式的堆栈，但对我的用例来说非常有效。堆栈是 Node + Express.js + Angular.js 1.x。基本上，后端渲染 View (通过 dot.js 或 Handlebars，任何模板引擎)，然后在前端安装 Angular 应用程序。

用例需要SEO 友好，因此内容必须在后端生成并直接提供。此外，UI 具有其功能、形式等。它不仅仅是虚拟文本。

目前，对于具有相同用例的新项目，我想更新我的堆栈(使用 SSR 也称为服务器端渲染)，其中应用程序不需要是 SPA(单个 Web 应用程序)。基础堆栈仍然相同(Node + Express.js)，我唯一想更新的是前端库/框架。

我正在寻找一个具有大型社区的框架/库，以及一种跨项目共享组件和代码库的简便方法。这就是为什么我第一个想到的是 React。

我发现的第一件事是 Next.js，在我阅读和调查时，它超出了我的需要。这是一个相当大的框架，有太多我不需要的东西，我不想增加我的应用程序的开销，我也无法根据需要自定义它。

我继续研究，我发现了一个名为“express-react-views”的 express 包，它是 express 的模板引擎，但它不允许在客户端安装 React 应用程序。浏览 Github issues在这个包中，我发现很多人都在询问这些，他们最终都得到了 Next.js 的回答。

我的疑虑/疑虑如下:

• React 是适合此用例的工具/库吗？
• 如果不是，您有什么建议？
• 作为合适的人选，是否有任何基于 React 和 Express 的包/工具可以帮助我使用 SSR 实现我需要的自定义？

我不想再次依赖旧的或过时的工具，例如 jQuery 或 Angular.js 1.x，因为跨项目的维护和代码共享既复杂又烦人。

Answer 1

无需深入研究 Next.js，最简单的解决方案是使用 native React 功能 ReactDOMServer:

https://reactjs.org/docs/react-dom-server.html#reference

它实际上非常容易使用，您只需将 HTML 作为字符串提供，然后挂载您的 React App 客户端，然后使用 React Router 处理请求。