Yolk异步用户界面构建 JS 库
Yolk 是是构建异步用户界面的 JavaScript 库,基于 RxJS 和 Virtual DOM。
主要特性:
-
熟悉:Yolk 大小约为 11kb minified + gzipped,基于 Virtual DOM 和 RxJS。
-
一切都是可观察的
-
无状态
示例代码:
/** @jsx Yolk.createElement */ import Yolk from `yolk` function Counter () { // map all plus button click events to 1 const handlePlus = this.createEventHandler() const plusOne = handlePlus.map(() => 1) // map all minus button click events to -1 const handleMinus = this.createEventHandler() const minusOne = handleMinus.map(() => -1) // merge both event streams together and keep a running count of the result const count = plusOne.merge(minusOne).scan((x, y) => x + y, 0).startWith(0) return ( <div> <div> <button id="plus" onClick={handlePlus}>+</button> <button id="minus" onClick={handleMinus}>-</button> </div> <div> <span>Count: {count}</span> </div> </div> ) } Yolk.render(<Counter />, document.getElementById('container'))
评论