0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

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

OSC开源社区 来源:OSC开源社区 2023-07-17 16:27 次阅读

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

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

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

fd8628da-23d3-11ee-962d-dac502259ad0.png

fddec904-23d3-11ee-962d-dac502259ad0.png

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

fe3600e8-23d3-11ee-962d-dac502259ad0.png

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

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

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 函数
    +关注

    关注

    3

    文章

    3911

    浏览量

    61313
  • 应用程序
    +关注

    关注

    37

    文章

    3138

    浏览量

    56423
  • angular
    +关注

    关注

    0

    文章

    4

    浏览量

    2998

原文标题:React正在经历Angular.js的时刻吗?

文章出处:【微信号:OSC开源社区,微信公众号:OSC开源社区】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    【深圳】诚聘H5开发工程师

    angular.js等一个或多个开发;7.良好的沟通与表达能力、思路清晰,较强的逻辑分析能力与执行力。有意者请联系 QQ:371417415或简历***至:371417415@qq.com 南京仁猎:025-58859163转分机801
    发表于 07-20 15:06

    优化React开发体验

    从零构建React开发环境(四)
    发表于 04-01 16:00

    React环境配置介绍

    React 学习篇(二)
    发表于 04-03 11:34

    React路由状态如何管理

    React 路由状态管理总结
    发表于 05-19 07:11

    React优势,react学习笔记分享

    1、React优势react适合大型团队的开发,每个人负责自己的组件,开发完毕之后由react渲染到前端页面
    发表于 10-27 06:53

    遭遇JS的笔记本惨痛维修经历

    遭遇JS的笔记本惨痛维修经历 一早以前的旧同事托朋友拿着一台IBM T21笔记本送到本公司维修,据旧友了解这本本是从台湾买回来的那时候买的时候
    发表于 01-25 10:21 666次阅读

    React Native开发关键技术点实战分析

    从一个实战项目来看一下React Native开发的几个关键技术点2017-08-31 17:20 在进行了2个星期的基础学习(Flexbox, React.js, JSX, Java)之后,想通
    发表于 09-25 10:04 0次下载
    <b class='flag-5'>React</b> Native开发关键技术点实战分析

    安卓转战React-Native

    比较火爆的Hybird和react-native也是对我们移动端的影响比较大,比如去面试会问你会nodej或者react不,前端工程师(js)转移动端的门槛变得很低,angularjs和reactjs都很不错,并且6月底阿里开源
    发表于 10-10 15:21 0次下载
    安卓转战<b class='flag-5'>React</b>-Native

    什么是前端开发?前端后端谁为先?

    这些东西是由前端开发者开发出来的,他们使用了 Ionic、Swift、Kotlin、Bootstrap、Angular、Vue、jQuery、React.js 等开发技术。后面我们会更多地介绍这些开发技术。
    的头像 发表于 01-30 11:47 4914次阅读

    Web项目的最佳平台选择

    近年来,Web和移动开发取得了长足的进步。现代web应用程序通常是基于AngularReact和Vue.js等强大的JavaScript特性构建的。
    的头像 发表于 05-05 21:14 1968次阅读

    详谈 Vue 和 React 的八大区别

    为什么 React 不精确监听数据变化呢 ?这是因为 Vue 和 React 设计理念上的区别, Vue 使用的是可变数据,而React更强调数据的不可变。所以应该说没有好坏之分,Vue更加简单,而
    的头像 发表于 09-15 15:27 7700次阅读
    详谈 Vue 和 <b class='flag-5'>React</b> 的八大区别

    React-in-patterns React开发设计模式/技术列表

    react-in-patterns.zip
    发表于 04-19 11:28 0次下载
    <b class='flag-5'>React</b>-in-patterns <b class='flag-5'>React</b>开发设计模式/技术列表

    React Native for Windows使用React构建原生Windows应用

    ./oschina_soft/react-native-windows.zip
    发表于 06-22 10:06 0次下载
    <b class='flag-5'>React</b> Native for Windows使用<b class='flag-5'>React</b>构建原生Windows应用

    简要介绍React和Vue

    以上代码描述了React怎么在指定的页面元素(id为id01的div元素)中改变相应的字符串内容(从"Hello World!"到"Hello John Doe!")。其中第5行的ReactDOM.render()是React JS
    发表于 07-14 09:32 723次阅读

    Angular v15 正式发布

    在过去的一年里,Angular 团队删除了 Angular 的传统编译器和渲染管道,因此在过去几个月里 Angular 改进了一系列与开发者体验相关的内容。Angular v15 则是
    的头像 发表于 11-22 17:07 674次阅读