首页 > 其他分享 >React 正在经历 Angular.js 的时刻吗?

React 正在经历 Angular.js 的时刻吗?

时间:2023-07-30 11:32:02浏览次数:33  
标签:Angular React 组件 服务器 js fetch

本文作者 François Zaninotto 是资深 React 开发者,在看到 React 官方开始推广服务器组件后,他对此表示担忧,因为这会让现有的很多写法都失效。

文章讨论了 React 和 Next.js 团队最近推广的服务器组件,这种新的构建 Web 应用程序的方式与大多数现有的 React 应用程序不符。

因此,作者提出了一个问题:这种变化是否像 Angular.js 转向 Angular 2 一样大?React 是否正在经历类似于 Angular.js 的阶段?

React 正在经历 Angular.js 的时刻吗?_服务器

React 正在经历 Angular.js 的时刻吗?_Angular_02

文章指出,React 的核心仍然是一个视图库,这一点没有改变:使用 React 服务器组件,您仍然可以使用 JSX 构建组件,并渲染作为 props 传递的动态内容。但是,除此之外,服务器组件中的所有其他内容都发生了变化。数据获取不再依赖于 useEffect 或 react-query;相反,开发者应该在异步组件中使用 fetch。

React 正在经历 Angular.js 的时刻吗?_服务器_03

作者认为,React 团队对 fetch 函数进行了增强,以提供自动请求去重。这是必要的,因为如果您需要在组件树的更深处访问获取的数据,则不能将其放置在 React Context 中,因为 useContext 在服务器组件中被禁用。

因此,在组件树的不同位置访问相同获取的数据的推荐方法是重新获取它,并依赖于 React 进行去重。此 fetch 函数还默认缓存数据,而不管响应缓存标头如何。

本文地址:https://www.linuxprobe.com/rzzjlajdskm.html

标签:Angular,React,组件,服务器,js,fetch
From: https://blog.51cto.com/u_12148962/6899514

相关文章

  • springboot的controller如何拿到post请求中的json数据
    在SpringBoot的Controller中,可以使用注解@RequestBody来获取POST请求中的JSON数据。我们可以将这个注解应用到一个Controller方法的参数上,Spring将会负责读取请求正文中的数据,将其反序列化为一个Java对象,并将其作为Controller方法的参数传递。以Java代码为例,示例代码如下:@RestC......
  • 【Json】字符串自动生成C#类
    前言最近做项目需要和其他项目组同事做对接,需要先把相关接口的出入参定义好,再去做具体的实现。这里,既然出入参都定义好了,何不根据json直接生成好相关的类、契约层、应用等代码呢。参考1、使用VS,编辑->选择性粘贴->将JSON粘贴为类2、使用Microsoft.JScript.dll类库,https://www.......
  • 一起来做一个json格式化工具吧
    说到json格式化你肯定很熟悉,毕竟压缩后的json数据基本不可读,为了方便查看,我们可以在编辑器中可以通过插件一键格式化,也可以通过一些在线工具来美化,当然,有时在开发中也会遇到json格式化的需求,有很多开源库或组件能我们解决这个问题,不过并不妨碍我们自己实现一个。最简单的方式应该就......
  • 【Java】使用fastjson进行序列化时出现空指针异常问题研究
    最近在使用fastjson的JSONObject.toJSONString()方法将bean对象转为字符串的时候报如下错误:com.alibaba.fastjson.JSONException:writejavaBeanerror,fastjsonversion1.2.58,classcom.sun.proxy.$Proxy395,fieldName:0 atcom.alibaba.fastjson.serializer.JavaBeanS......
  • 【NestJS系列】核心概念:Controller控制器
    前言控制器主要是用来处理客户端传入的请求并向客户端返回响应。它一般是用来做路由导航的,内部路由机制控制哪个控制器接收哪些请求。路由为了创建基本控制器,我们需要使用@Controller装饰器,装饰器将类与所需元数据关联起来,并使Nest能够创建路由映射。我们使用nest-cli快速创建一个R......
  • 【NestJS系列】DI依赖注入与IOC控制反转
    前言上篇文章我们学习了如何使用nest-cli来快速生成一个NestJS后端项目,当我们打开编辑器查看代码时,会发现整个代码风格有点类似JAVA的spring框架,并且你会发现一些service类在controller控制器的constructor中注入后,可以不需要手动new就可以直接使用该类对应的实例方法。比如:import......
  • 【NestJS系列】核心概念:Providers提供者
    前言Providers是Nest中的一个基本概念,许多Nest中定义的类都可以被视为一个Provider,比如:service、repository、factory、helper等,它们都可以通过constructor注入依赖关系,这就意味着类与类之间可以创建各种依赖关系,并且维护各个类之间依赖关系的工作将委托给Nest运行时系统。Provider......
  • Nodejs 第二章(安装)
    安装nodejs访问官网ennodejs.org/encnwww.nodejs.com.cn/LTS长期支持版Current尝鲜版选择自己的操作系统windowsMacLinuxwindows需要区分64位和32位Mac需要区分64位还是ARM芯片Linux同上。其中msi和pkg可以直接安装较为简单MacPkgwindowsmsi也可以自行下载压缩包......
  • 【NestJS系列】从Nest CLI开始入门
    初识NestJSNest是一个渐进的Node.js框架,它可以在TypeScript和JavaScript(ES6、ES7、ES8)之上构建高效、可伸缩的企业级服务器端应用程序。Nest基于TypeScript编写并且结合了OOP(面向对象编程),FP(函数式编程)和FRP(函数式响应编程)的相关理念。在设计上的很多灵感来自于Ang......
  • 为什么使用 CDN 需要 Angular 应用正确返回 HTTP 200 和 404 状态码
    CDN(ContentDeliveryNetwork)是内容分发网络,它的目的是通过在各地建立节点缓存数据,使用户可以就近获取数据,从而提高数据获取的速度和稳定性。Angular是一种用于构建客户端应用的开发平台。它带来了一种新的方式来构建应用,完全是在浏览器中运行,无需借助任何后端服务。HTTP200......