React Server和React Client之间的区别

我一直在研究react.js框架。 我还没有完全理解客户端和服务器端渲染之间的区别(尽pipe努力searchCLEAR差异)。 因此,我会非常感谢善良的人为这个话题提供清晰而清晰的解释。

顺便说一句,我来自.NET的背景,所以我仍然在尽我所能调整我的想法,更多的面向JS的编程方式。

谢谢!

在服务器端渲染你正在处理一个Web服务器(想想写一些C#.Net或其他),你没有任何文档或窗口,你在浏览器中。 所以,在内存中build立一个“虚拟”的DOM,实际上它可以把它转换成一个具有特殊属性的HTMLstring,并在浏览器中提取。 然后你用这个htmlstring来响应HTTP请求。 然后,当你在浏览器中加载应用程序时,它会在服务器停止的地方拾取并在浏览器内存中构build另一个“虚拟”DOM。 如果你正确地做到了这一点,那么在这个过程中就不需要操作文档了,所以浏览器加载这个dynamic页面就好像它是一个静态的html文件。 但现在你有一个真正的React虚拟DOM,应用程序可以导航到不同的页面,或以其他方式更新,使用React的惊人的渲染引擎,给你一个非常less的工作,非常优化的Web体验。

要做到这一点需要花费很多精力将NPM软件包拼凑在一起,并试图find与你的用例最为匹配的例子,这可能会让.NET有些沮丧,因为所有的东西都被整合到一个框架中。 有很多不同的工具和技术(lint,transpile,bundle,test,build等)需要考虑每一个应用程序的一部分,可能需要一些时间和诡计才能使它们一起工作。 基本上这是你付出的价格来获得最优化的networking应用程序这些天。 这些工具可以做什么,这是惊人的,但肯定有一个陡峭的学习曲线开始。 这里的人总是快速的帮忙!