服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - React - Dan 说 React 服务端组件并不需要服务器!看完我又迷茫了...

Dan 说 React 服务端组件并不需要服务器!看完我又迷茫了...

2024-01-22 14:07编程界 React

React Server Components(RSC),看到这个名字你是不是也以为 React 服务端组件需要服务器? 答案是 “React Server Components 不需要服务器(而且从来没有)”。 Dan 在 Twitter 解释了这一行为:“React Server Components(RSC)并不需要一个服务器

React Server Components(RSC),看到这个名字你是不是也以为 React 服务端组件需要服务器?

答案是 “React Server Components 不需要服务器(而且从来没有)”。

Dan 在 Twitter 解释了这一行为:“React Server Components(RSC)并不需要一个服务器。默认情况下,它在构建时运行。你可以将 “服务器” 部分看作类似于 webpack 加载器或构建脚本的作用 —— 但打包到组件中”。引来了大量的讨论。

Dan 说 React 服务端组件并不需要服务器!看完我又迷茫了...图片

上面提到的在构建时运行,这个构建通常是在自己的计算机上完成。当没有服务器操作时它可以只是一个 “静态组件”,您可以上传至静态资源服务器。

例如,https://overreacted.io/the-two-reacts/ 这是 Dan 之前写的一篇文章,这个博客是用 React Server Components 构建的,但它是完全静态的并基于部署构建,因此你可以将其托管到任何静态资源服务器上。

是不是名字给人误导了?有人就提出了是不是可以叫做 “React Static Component”,似乎也不合适,这会给人另一种只是静态组件的误导,React Server Components 也可以是动态的,当 React Server Components 有服务器操作时,它在运行时必须依赖实际的服务器。

从个人的理解来看,React Server Components 即可以在构建时运行,也可以在服务器上运行,那么用什么名字会比较好呢?这种问题很难解释却又很让人迷惑,您又怎么看呢?

到这里希望你能意识到一点,使用 React Server Component 构建的程序实际上不一定需要在服务器运行。

原文地址:https://mp.weixin.qq.com/s/jiAxG6gBLz6b5RluMiRM0A

延伸 · 阅读

精彩推荐
  • ReactReact中使用Vditor自定义图片详解

    React中使用Vditor自定义图片详解

    这篇文章主要介绍了React中使用Vditor自定义图片详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们...

    浅夏晴空10112021-12-20
  • ReactReact Router 如何使用history跳转的实现

    React Router 如何使用history跳转的实现

    这篇文章主要介绍了React Router 如何使用history跳转的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋...

    香辣素毛肚10012022-02-24
  • React使用react从零封装一个可实时预览的Json编辑器

    使用react从零封装一个可实时预览的Json编辑器

    文章将介绍如何使用react,开发一个自定义json编辑器组件.我们这里使用了jsoneditor这个第三方库。...

    趣谈前端7632022-01-12
  • ReactReact + TypeScript:如何处理常见事件?

    React + TypeScript:如何处理常见事件?

    下面来通过一些简单的 Demo (每个 Demo 后面都有 CodeSandBox 的在线体验地址)看看如何在 React + TypeScrip 中处理常见的事件!...

    前端充电宝11722022-04-19
  • ReactWebpack3+React16代码分割的实现

    Webpack3+React16代码分割的实现

    这篇文章主要介绍了Webpack3+React16代码分割的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面...

    小叶子9012022-01-25
  • React基于react后端渲染模板引擎noox发布使用

    基于react后端渲染模板引擎noox发布使用

    本篇文章主要介绍了基于react后端渲染模板引擎noox发布使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    suxiaoxin5952022-03-07
  • ReactReact高手都善于使用useImprativeHandle

    React高手都善于使用useImprativeHandle

    在 React Hooks 中,useImperativeHandle 是一个非常简单的 Hook,他比较小众,刚开始接触 React 学习的朋友可能并不熟悉他。不过对于 React 顶尖高手而言,这是非常...

    这波能反杀5472024-01-19
  • React必须要会的50个React面试题

    必须要会的50个React面试题

    如果你是一位有抱负的前端程序员并准备面试,那么这篇文章很适合你。本文是你学习和面试 React 所需知识的完美指南。...

    疯狂的技术宅9352022-02-23