首页 > 其他分享 >探索Web开发的未来——使用KendoReact服务器组件

探索Web开发的未来——使用KendoReact服务器组件

时间:2024-01-18 10:45:55浏览次数:28  
标签:Web KendoReact UI 组件 服务器 数据

Kendo UI是带有jQuery、Angular、React和Vue库的JavaScript UI组件的最终集合,无论选择哪种JavaScript框架,都可以快速构建高性能响应式Web应用程序。通过可自定义的UI组件,Kendo UI可以创建数据丰富的桌面、平板和移动Web应用程序。通过响应式的布局、强大的数据绑定、跨浏览器兼容性和即时使用的主题,Kendo UI将开发时间加快了50%。

KendoReact包含了React服务器组件,提供了DataGrid作为其第一个实验性的KendoReact服务器组件,让我们一起来看看!

Kendo UI R3 2023 SP1新版下载

快速回顾

你有没有想过2023年Web的快速发展将如何塑造我们行业的未来?我们已经看到了基于Rust和Go构建工具的突破、Angular的品牌复兴、Svelte runes的发布,看起来React的下一个主要版本即将到来。

与世界各地的开发人员一起,Progress Telerik也在密切关注着Web的未来。当涉及到开发者体验时,不害怕玩弄实验性技术,并寻找创造性的方法来提高标准。

KendoReact服务器组件

今天我们想分享第一个实验性的KendoReact服务器组件——Grid(网格)~

RSC DataGrid是此次服务器组件的产品亮点,数据获取是RSC的主要内容。每个数据网格都提供基本的数据操作,如过滤、分页和排序、一些编辑功能,以及针对其核心结构元素(如行和单元格)的自定义API。

探索Web开发的未来——使用KendoReact服务器组件

事实证明,将组件拆分为服务器和客户端部分是非常具有挑战性的。通过从一些旧的、经过验证的框架中获得灵感,我们已经确定了为开发人员提供一种方法来定义客户端边界设置的必要性,这取决于他们的个人应用程序需求。

这个架构基础在后来的开发中获得了巨大的回报,因为它允许我们只将组件的一小部分JavaScript交付给客户端,与只针对客户端的DataGrid相比,它的包大小几乎小了10倍。

DataGrid(数据网格)中的数据

作为一个数据网格意味着它首先需要数据,但是KendoReact Server DataGrid并不要求您立即拥有所有数据。

通过利用服务器组件的异步流功能,我们可以立即开始呈现组件外壳,使用基于组件状态的个性化加载指示器,直到数据可用。

最终的目的是,告诉我们你的数据在哪里,其余的由组件处理!

探索Web开发的未来——使用KendoReact服务器组件

这为将承诺作为数据传递、在不阻塞UI的情况下获取额外数据、甚至在组件内部直接传递SQL查询提供了机会。

探索Web开发的未来——使用KendoReact服务器组件
未来会有什么?

下一个版本的KendoReact将最终展示我们多年来为使服务器组件稳定、高性能和安全所做的努力,但在此之前,我们对React UI库和第三方组件供应商将如何形成持开放态度。

准备好尝试一下KendoReact服务器网格了吗?点击这里可以立即下载体验>>


Telerik_KendoUI产品技术交流群:726377843    欢迎一起进群讨论

了解最新Kendo UI最新资讯,请关注Telerik中文网!

标签:Web,KendoReact,UI,组件,服务器,数据
From: https://www.cnblogs.com/AABBbaby/p/17971991

相关文章

  • 连接云服务器及Linux常用指令学习
    连接云服务器及Linux常用指令学习:https://blog.csdn.net/qq_50748038/article/details/126124924centos超级用户普通用户切换:https://blog.csdn.net/day_in_night/article/details/39477155?ops_request_misc=&request_id=&biz_id=102&utm_term=centeros%20%E5%88%87%E6%8D%A2%......
  • webpack部分
    1.安装jquerynpminstalljquery-S2.引入到index.jsimport$from'jquery$(function(){})2.webpack的使用[email protected]@4.7.2-D2.1webpack.config.js配置在根目录下创建webpack.config.jsconstpath=requirt('path')module......
  • DevExpress Web Report Designer中文教程 - 如何自定义控件和表达式注册?
    获取DevExpressv23.2正式版下载DevExpress技术交流群9:909157416      欢迎一起进群讨论自定义控件集成DevExpress Reports中的自定义报表控件注册变得更加容易,为了满足web开发人员的需求,DevExpressv23.1+包括简化的自定义控件注册支持(在服务器级别实现)。如果您的解决......
  • 数据探索之道:查询Web API数据中的JSON字符串列
    前言在当今数据驱动的时代,对数据进行探索和分析变得愈发关键。WebAPI作为广泛应用的数据源,提供了丰富的信息和资源。然而,面对包含JSON字符串列的WebAPI数据时,我们常常遇到一个挑战:如何高效灵活地处理和查询这些数据?这个问题在数据探索和提取过程中频繁出现。因此小编今天以葡萄......
  • .net 温故知新【17】:Asp.Net Core WebAPI 中间件
    一、前言到这篇文章为止,关于.NET"温故知新"系列的基础知识就完结了,从这一系列的系统回顾和再学习,对于.NETcore、ASP.NETCORE又有了一个新的认识。不光是从使用,还包括这些知识点的原理,虽然深入原理谈不上,但对于日常使用也够了,我想的是知其然,知其所以然。在实际开发过程中可能......
  • 42 干货系列从零用Rust编写负载均衡及代理,wmproxy中配置tcp转websocket
    wmproxywmproxy已用Rust实现http/https代理,socks5代理,反向代理,静态文件服务器,四层TCP/UDP转发,七层负载均衡,内网穿透,后续将实现websocket代理等,会将实现过程分享出来,感兴趣的可以一起造个轮子项目地址国内:https://gitee.com/tickbh/wmproxygithub:https://github.com/......
  • 看我如何拿下BC站的服务器
    一、信息收集拿到目标网站,可见是一个很常规的bc站。先进行简单的信息收集,通过Wappalyzer插件可见php版本与windowsserve这两个比较重要的信息命令行nslookup+url查看ip,发现没有CDN再到爱站上看看嗯,柬埔寨可还行知道ip地址后端口扫描一波(全端口扫描+服务探测。这个过程比较漫长,可......
  • webserver2003解析
    webserver解析/etc/os-release查看操作系统发行版本netstat-tunal查看开放端口或者使用kalinmap-sV-p-192.168.218.131查看22/tcpopensshOpenSSH8.2p1Ubuntu4ubuntu0.4(UbuntuLinux;protocol2.0)80/tcpopenhttpApachehttpd2.4.41((Ubunt......
  • Android平台Unity下如何通过WebCamTexture采集摄像头数据并推送至RTMP服务器或轻量级R
    技术背景我们在对接Unity下推送模块的时候,遇到这样的技术诉求,开发者希望在Android的Unity场景下,获取到前后摄像头的数据,并投递到RTMP服务器,实现低延迟的数据采集处理。在此之前,我们已经有了非常成熟的RTMP推送模块,也实现了Android平台Unity环境下的Camera场景采集,针对这个技术需求,......
  • net6 webapi swagger 中文\版本说明
    1、新建ApiVersionInfo.cs版本文件;///<summary>///API版本///</summary>publicclassApiVersionInfo{publicstaticstring接口版本1;}右键编辑项目文件;<PropertyGroup><GenerateDocumentationFile>true</GenerateDocumentationFile>......