挑战
KlipTok需要更好的UI支持，工具集不仅要与Blazor框架兼容，而且要具有用户友好和专业外观的界面的健壮功能。
解决方案
利用Telerik UI为Blazor柱状图，DateRangePicker, TileLayout和窗口，以提高KlipTok的功能，为Twitch用户和内容创造者。
结果
用户可以根据特定的日期有效地搜索视频，通过应用程序发现新的视频发布者，并在主页上从直播视频流的700多万段不同的视频中查看视频。
分享本期节目:
详细故事
挑战
Twitch是一个非常受欢迎的流媒体平台，拥有超过4000万用户，创造了从视频游戏到视频播客的流媒体内容。平台上有这么多独特的内容创造者，新用户很难发现他们喜欢的streamer。更困难的是找到Twitch用户非常喜欢的某个流的一部分，因为该流已被存档，无法访问。
这个以用户为中心的问题促使微软的社区项目经理Jeff Fritz(也是一名非常有经验的Twitch用户)开发了一款应用程序，允许用户搜索从著名的到刚刚起步的streamer的小片段。
2020年11月，弗里茨在Twitch上通过直播发布了KlipTok，这是一款有争议的应用程序。它允许用户发现受欢迎的流媒体的小片段，或者找到包含一些不可思议或有趣的内容的流媒体的特定片段。
尽管创建了一个从头开始的应用程序，并允许用户发现为社交媒体现成的剪辑，但围绕KlipTok的可用性存在各种各样的问题。
然而，弗里茨在创建KlipTok时面临的最大问题来自于整体功能。用户无法深入搜索Twitch的数据库，最值得注意的是，游戏中没有输入日期范围来查找特定流的选项。在他看来，缺乏工具来帮助创建应用程序的其他组件是非常麻烦的。例如，Fritz不得不放下手头的一切，花上几周的时间来为搜索字段创建一个日期范围。
解决方案
本着Twitch的精神，开发者可以探索新的和令人兴奋的趋势，Fritz希望向其他用户开放开发应用程序的过程:“我想让它成为Blazor和Azure技术的展示品，并生成如何一起使用这些工具的规范示例。”
他为Blazor选择Telerik UI作为应用UI是很自然的选择。Fritz在Progress Telerik®有一段历史，他在2013年至2014年期间在那里担任开发人员倡导者。他对控制室了如指掌。“它总能打动我，总觉得它适合我写代码的方式，”Fritz说，“而Blazor套件的Telerik UI提供的不仅仅是对现有JavaScript组件的重写。”
使用Telerik UI为Blazor, Fritz实现了以下UI组件:DateRangePicker, DropDownList, Radar Column Chart, TabStrip, TileLayout和窗口。这些组件都有助于创建应用程序的布局，并为其提供一些额外的用户友好特性。例如，多亏了DropDownList组件，用户现在可以为他们的仪表板选择首选的语言。此外，TabStrip组件可以在streamers已经关注的内容和他们可以使用KlipTok发现的对象之间实现更直接的导航。
Fritz还利用各种图表组件为Twitch内容创造者创建了一个仪表盘，在那里他们可以看到用户如何参与他们的视频。正如他解释的那样，“Twitch没有办法让广播公司看到人们与他们的视频互动时，谁创造了最好的亮点，我们希望能够给他们提供这种洞察。”
我有信心能够依赖于进度开发团队的输出，这些组件将会有足够的响应性，以满足人们真正使用的响应性网站的目标。
杰夫·弗里茨
微软社区项目经理
结果
弗里茨的团队只有一个人，他只用了三个月的时间就把KlipTok安装好并运行起来。Blazor原生组件套件的Telerik UI使他能够快速构建应用程序的UI，并在用户反馈开始时几乎随时进行改进。
从他的角度来看，Fritz可以完全定制界面，使其对KlipTok社区和他自己更友好。例如，KlipTok主题或展示仪表盘洞察力的图表类型可以在几分钟内更改，添加功能或更改过滤器可以在不需要额外研究的情况下实现，这允许Fritz在不改变开发优先级的情况下响应用户请求。
凭借其多功能和内置功能，高度可定制的Blazor控件保证了KlipTok的速度和交互性，人们期望从一个丰富的，现代的应用程序。他解释说:“我知道Telerik开发团队已经考虑过这些责任，因此能够移交这些责任，使我更容易专注于构建我的应用程序。”
使用现成的组件，Fritz可以显著加快开发过程。“我可以自己创建一个日期选择器组件，但这将花费我几周的时间。有了Blazor DateRangePicker的Telerik UI，我在不到一个小时的时间内实现并运行了该功能，并按照我想要的方式进行了配置，”Fritz分享道。
