太阳集团tyc33455

什么是服务器组件？

到目前为止，我们对React组件的理解只是客户端组件，仅此而已。

然而，React团队在试验一个新的设法，即将React team分为两种类型：客户机组件和服务器组件。该提案从使用分歧的文件扩大名(. client.js和)起头。server.js)来分辨它们。但是，客户机组件和服务器组件是若何界说的呢？

首先，客户端组件是指我们日？⒅惺褂玫腞eact组件。

其次，服务器组件，从某种意思上来说，就是一个新的组件，会在服务器上渲染，而后发送给客户端。

服务器组件有什么优势？

乍一看，服务器端组件类似于服务器端出现(SSR)。事实上，服务器端组件的很多利益类似于服务器端出现：

它提供了直接接见服务器资源(如数据库、文件系统、内部微服务等)的可能性。)，所以更容易开发。

预防了客户端和服务器之间不用要的交互，因而机能更快。允许一些类库直接在服务器上运行，从而减幼客户端包文件的大幼。此表，服务器组件还为开发过程带来了更好的履历，尤其是在代码切割方面：

自动切码(例如，为了让客户端按需加载，必要将代码切成幼数据包)。目前，为了实现这个职能，React开发人员必要手动实现以下代码：

未来服务器组件会自动处置，也就是说我们不必要特殊的代码处置就能够实现这个职能：

但是，若是我们真的想实现服务器端组件的壮大优势，就必须更仔细地与服务器端渲染(SSR)进行比力。

那么，服务器组件和SSR有什么区别呢？

使用SSR时，必要在服务器端实现HTML的渲染，而后将HTML发送给客户端。那么这个过程只会产生在第一次接见页面的时辰(也就是加载初始化的时辰)。从那以来，您的React利用法式在数据更新和显示方面与传统的React利用法式没有什么分歧。在显示更新数据时，要么从客户端发送网络要求，要么刷新整个页面，但无论哪种方式城市导致组件的二次渲染和状态的迷失，从而影响机能和客户履历。

相对来说，在使用服务器端组件时，你的组件是在服务器端渲染的，而后通过自界说和谈发送到客户端(如下图)。React得到数据后，会将新的UI作为一个整体集成到客户端的UI树中，这个过程不会影响客户端的其他状态。这个过程能够无期限地进行。React通过更新整个UI？槔创锏轿挚突Ф俗刺闹髡，大大加强了用户履历。

更多详情，请参考丹阿布拉莫夫在推特，的回复，或阅读劳伦谭在《反映数据团队》Twwiter的帖子，或接见由Mehul Mohan在freeCodeCamp颁发的这篇文章

必要把稳的事项

由于服务器组件是静态的，由服务器渲染，所以与客户端组件相比，不成预防线会有一些使用限度。

首先，服务器组件不能有任何交互行为(例如useState()，useEffect())。但是您能够通过将客户端组件引入服务器组件(允许客户端组件拥有交互行为)来解决这个问题。例如，以下示例代码同时实现了这两种职能：

其次，由于服务器组件是在服务器实现渲染后通过网络传输给客户端的，所以当服务器组件向客户端组件传输路具时，必须对路具进行序列化(也就是说能够传输的数据只能是字符串、JSON对象或者JSX，不能传输JavaScript函数)。

接下来呢？

固然这所有都令人兴奋，但这个职能还处于尝试阶段。它的API和实此刻未来可能会产生变动，因而该职能目前无法利用于出产环境。

最后，服务器组件将是一个可选的个性，现有的React代码依然能够正常工作，所以开发人员不必要急于选取新的职能。

太阳集团tyc33455 b2b2c多用户商城系统是基于PHP技术的企业级电子商务平台系统，系统支吃旖台自营、招商加盟和多商家入驻、集成微信商城、移动端APP商城、微信幼法式于一体。公司主交易务蕴含商城系统定造开发、新零售系统解决规划、电商平台系统定造开发、商城网站建设服务等等，太阳集团tyc33455为大、钟注幼企业提供一个安全、高效、壮大的电子商务解决规划，协助企业急剧构建、部署和治理其电子商务平台，拓展企业销售渠路，致力于推动PHP技术和电子商务行业的发展而不休致力。