hyperapp

hyperapp 是一个前端的应用构建库。  hyperapp 的核心代码只有1kb， 其特点为：

• 更小：只要1kb，做到其他框架应该做的；
• 更实用：主流的前端应用思想，不会对学习带来额外负担；
• 开箱即用：完善的虚拟Dom、key更新、应用生命周期。
• 以上个人翻译，有吹嘘成分

dom:

import { h, app } from "hyperapp"

const state = {
  count: 0
}

const actions = {
  down: value => state => ({ count: state.count - value }),
  up: value => state => ({ count: state.count + value })
}

const view = (state, actions) => (
  <div>
    <h1>{state.count}</h1>
    <button onclick={() => actions.down(1)}>-</button>
    <button onclick={() => actions.up(1)}>+</button>
  </div>
)

app(state, actions, view, document.body)

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://web.fly63.com/nav/963