Yolk 异步用户界面构建 JS 库

开源网站开源项目 24-05-14 14:11:06

Yolk 是是构建异步用户界面的 JavaScript 库,基于 RxJS 和 Virtual DOM。

主要特性:

熟悉:Yolk 大小约为 11kb minified + gzipped,基于 Virtual DOM 和 RxJS。

一切都是可观察的

无状态

示例代码:

/**@jsxYolk.createElement*/importYolkfrom`yolk`functionCounter(){//mapallplusbuttonclickeventsto1consthandlePlus=this.createEventHandler()constplusOne=handlePlus.map(()=>1)//mapallminusbuttonclickeventsto-1consthandleMinus=this.createEventHandler()constminusOne=handleMinus.map(()=>-1)//mergebotheventstreamstogetherandkeeparunningcountoftheresultconstcount=plusOne.merge(minusOne).scan((x,y)=>x+y,0).startWith(0)return(<div><div><buttonid="plus"onClick={handlePlus}>+</button><buttonid="minus"onClick={handleMinus}>-</button></div><div><span>Count:{count}</span></div></div>)}Yolk.render(<Counter/>,document.getElementById('container'))
[Yolk 异步用户界面构建 JS 库]相关推荐

虾婆 即时通讯解决方案

介绍什么是虾婆? 虾婆是一企业级开源即时通讯解决方案。包含服务器端和客户端,其中客户端支持Web/H5、……...

Rockets 新文章和评论的广播

Rockets 是 reddit.com 上的一个开源组件,用来实现新文章和评论的广播。很多 Reddit 的自动化服务会监控……...

Pants 软件项目构建系统

pants 是用于多种语言的软件项目的构建系统。它对于包含许多不同项目的源代码存储库特别有效。 要求: pa……...

今日开源
  1. kele 任务管理系统

    kele 任务管理系统

    自动生成数据库,HTML 表单,以此为基础,扩展各种表单和数据库,数据库字段自动匹配数据的格式及处理。 希望由面向程序员到面向用户,用户直接做做选择题,即能实现想要的功能。 系统说明: 第一步建字段,先设想……

    开源软件 2024-07-02

  2. Thyme 自动追踪使用应用程序的时间

    Thyme 可以自动追踪你使用应用程序的时间。 特性: 简单的命令行界面: 每 30s 记录一次你使用的应用 $ while true; do thyme track -o thyme.json; sleep 30s; done; 在新窗口创建图表以显示……

    开源软件 2024-07-02

  3. Una 尤娜博客系统

    Una 尤娜博客系统

    Una [‘尤娜’] 只是一个项目代号,没有特殊含义。尤娜是站在巨人的肩膀上开发完成的博客系统,旨在为程序员提供一个极简的内容创作管理平台,尤娜100%开放源代码,如果您对她感兴趣,Fork她,并尽情的……

    开源软件 2024-07-02

返回顶部小火箭