1.2.0

Hyperapp 1.2.0 introduces exciting new features, bug fixes, performance enhancements, and improved documentation. Notably, Lazy Components revolutionize component creation by effortlessly connecting them to the global state and actions.

• CSS Variables Support: Added support for CSS variables in inline styles (#612)
• Improved source readability: Multiple contributors enhanced the code's readability.
• Delegated DOM events: Enhanced performance by delegating DOM events to a proxy (#640).
• Introduced lazy components: New feature for treating functions as virtual nodes (#606).

  // Just a component
  const MyComponent = (props) => <div>{props.value}</div>
  // Lazy component
  const MyComponent = (props) => (state, actions) =>
    <div>{state.counter.value}</div>

• Enabled <datalist>: Now you can use <datalist> (#622).
• Improved recycling/hydration behavior: Invoked oncreate instead of onupdate during recycling/hydration (#614).
• Avoided mutating initial state: Initial state is no longer mutated (#614).

Acknowledgements

Thanks go to @frenzzy for their work on @hyperapp/render. Thank you @okwolf for @hyperapp/fx and @zaceno for @hyperapp/transitions! 🎉