首页 > 其他分享 >HTML Over the wire 框架 Unpoly 和 React 的使用场合比较

HTML Over the wire 框架 Unpoly 和 React 的使用场合比较

时间:2023-06-26 23:33:58浏览次数:34  
标签:wire Unpoly 框架 Over React HTML 客户端

Unpoly 是一个轻量级的 JavaScript 框架,它允许您通过 HTML over the wire 的方式进行 Web 应用程序开发。HTML over the wire 是一种网络通信模式,它将由服务器生成的 HTML 片段作为响应发送给客户端,而不是传统的 JSON 数据。这样,服务器端可以处理更多逻辑,而客户端可以专注于渲染和展示内容。Unpoly 旨在让开发人员能够轻松构建现代、快速且用户友好的 Web 应用程序,同时减少对客户端 JavaScript 代码的依赖。

Unpoly 的主要特点包括:

  1. 无需刷新页面即可实现导航和表单提交。
  2. 在不影响浏览器历史记录的前提下,可灵活地更新页面的部分内容。
  3. 支持动画过渡和视觉效果。
  4. 提供强大的事件处理和生命周期钩子。
  5. 适用于现有的服务端框架,无需进行大量更改。

总的来说,Unpoly 是一个代表性的 HTML over the wire 框架,它有助于简化 Web 应用程序开发,提高用户体验,并降低客户端资源消耗。

JavaScript 是世界上最流行的编程语言,React 是其领先的库之一。 React 最初于 2013 年发布,旨在成为一个帮助开发人员制作用户界面 (UI) 的库。

根据 Henning Koch 的说法,React 和 Unpoly 并不完全对立。 它们有一些相似之处,但也有一些重要的区别。 “这两个框架的共同点是,当用户导航时,它们会呈现一个完整的页面,但随后只有新页面的片段被插入到 DOM 中,其余部分被丢弃,”他解释道。 “然而,虽然 React 应用程序通常会通过网络调用 JSON API 并在浏览器中呈现 HTML,但 Unpoly 在服务器上呈现 HTML,我们可以在服务器上同步访问数据并自由选择编程语言。”

尽管如此,Koch 承认在某些情况下 React 和 SPA 是合适的选择。 他接着说:“在某些情况下,SPA 方法仍然很有效。 例如,我们最近构建了一个实时聊天,其中的消息需要进行端到端加密。 对于主要是服务器端的解决方案来说,这会很尴尬,我们实际上最终使用 React 构建了聊天组件。 我只是认为这不是大多数网络应用程序的最佳默认设置。”

标签:wire,Unpoly,框架,Over,React,HTML,客户端
From: https://www.cnblogs.com/sap-jerry/p/17507441.html

相关文章

  • HTML Over the wire 框架和单页面应用的区别
    HTMLOverthewire方法包括类似于多页面应用程序(MPA)的服务器端渲染(SSR)。然而,在初始请求之后,浏览器仅通过AJAX异步检索HTML片段,因此整个页面不再重新渲染。与单页应用程序(SPA)不同,服务器还处理应用程序的逻辑和状态:[图片]单页面应用(SinglePageApplication,简......
  • HTML Over the wire 的代表框架 hotwire 介绍
    HTMLover-the-wire作为一种更直接的创建Web应用程序的方式而不需要使用太多JavaScript,已经逐渐流行起来。它通过“htmloverthewire”的思路,发送HTML而不是JSON来实现。现在,一种名为Unpoly的“非侵入式JavaScript框架”出现,成为Basecamp的HTMLover-the-wire框架Hotwire的竞争......
  • 什么是 HTTP Over the wire
    我们可以通过在服务器上生成HTML,并将其(在一些帮助下)直接传递到浏览器,来编写快速、现代、响应式的Web应用程序。这种思路不需要将JSON作为中间格式。不需要客户端MVC框架。不需要复杂的捆绑和转译流程。但是我们需要换一种思考方式。因为过去十年左右的Web开发主流故事一直是Java......
  • 记录--巧用 overflow-scroll 实现丝滑轮播图
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言:近期我在项目中就接到了一个完成轮播图组件的需求。最开始我也像大家一样,直接选择使用了知名的开源项目"Swiper",但是后来发现它在移动端项目中某些测试环境下会白屏一段时间。无论如何调试都不能修复这个问......
  • Faster sorting algorithms discovered using deep reinforcement learning
    摘要:AlphaDev模型优化排序算法,将排序算法提速70%。通过强化学习,AlphaDev发现了更加有效的算法,直接超越了科学家和工程师们几十年来的精心打磨。现在,新的算法已经成为两个标准C++编码库的一部分,每天都会被全球的程序员使用数万亿次。介绍优化目标为排序算法的CPU延迟时间......
  • ceph相关问题记录:1 MDSs report oversized cache
    遇到问题:使用vdbench压测ceph目录,期间会进行海量小文件的创建,当达到10亿+数量时,集群出现警告1MDSsreportoversizedcache其实根据字面意思不难看出,是因为mds内存不够导致解决方法查看一下当前mds内存限制mds_cache_memory_limit是4G,报警阈值mds_health_cache_thresho......
  • Wallys/wifi 6 router ipq8072 enterprise wireless dual band /support wifi6e card.
    DR8072V01isanetworkingrouterpcbabasedonQualcommIPQ8072Acommunicationprocessor,withtwo10GbEinterfaces,onethroughanSFPcageandtheotherthroughanRJ45connector,plusfourGigabitEthernetports,and4×4MIMOWiFi6connectivity.Bas......
  • Course overview + the shell
    虚拟机崩了,难受,不能即时玩……勉强试出来了几个Windows的指令,也还是蛮好玩的但还是记一下linux的date查看日期echo打印,后可接$PATH打印所有路径cd目录跳转..父目录.子目录ls显示文件ls-l显示文件的一些信息mv重命名两个参数cp复制两个参数rm删除rmdir只删空白......
  • QNX-9—QNX官网文档翻译—Programming Overview
    注:翻译网址QNXSoftwareDevelopmentPlatform-->Programming-->Programmer'sGuide-->ProgrammingOverviewhttps://www.qnx.com/developers/docs/7.1/index.html#com.qnx.doc.neutrino.prog/topic/overview.html一、概述QNXNeutrinoRTOS架构由微内核和一些协作进程组......
  • C++面试八股文:override和finial关键字有什么作用?
    某日二师兄参加XXX科技公司的C++工程师开发岗位第22面:(二师兄好苦逼,节假日还在面试。。。)面试官:C++的继承了解吗?二师兄:(不好意思,你面到我的强项了。。)了解一些。面试官:什么是虚函数,为什么需要虚函数?二师兄:虚函数允许在基类中定义一个函数,然后在派生类中进行重写(override)。二......