Yolk異步用戶(hù)界面構(gòu)建 JS 庫(kù)

Yolk 是是構(gòu)建異步用戶(hù)界面的 JavaScript 庫(kù)，基于 RxJS 和 Virtual DOM。

主要特性：

• 熟悉：Yolk 大小約為  11kb minified + gzipped，基于 Virtual DOM 和 RxJS。

• 一切都是可觀察的

• 無(wú)狀態(tài)

示例代碼：

/** @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'))