Introducing Hyperapp 1.0

11,903 reads

1 KB JavaScript library for building frontend applications.

Today, I’m excited to announce Hyperapp 1.0!

reactions

This milestone means the API has reached stability and the churn is finally over. It took us almost a year to arrive at the current API and while it will never be perfect, done is better than perfect and I am extremely pleased with the result.

reactions

Thank you, everyone, for contributing your time, your feedback, and your code to this project! ❤️

reactions

What is Hyperapp?

If you haven’t heard about Hyperapp, then let me be the one to tell you about it. Hyperapp is a modern JavaScript library or micro-framework for building fast and feature-rich applications in the browser. It’s among the smallest out there (1.3 KB), it’s elegant, and easy to use.

reactions

Hyperapp’s architecture borrows from React, Redux, and Elm, bringing my own ideas and community-contributed feedback into the mix. Here is an example that shows all the moving parts working together. Try it live on CodePen.

reactions

JSX is neither a dependency or required to use Hyperapp, but we use it throughout the documentation and examples for familiarity.

reactions

Alternatives include the built-in h function (short for hyperscript), the official hyperapp/html package, hyperx and t7.

reactions

Hyperapp was born out of the attempt to do more with less. I’ve always wanted to minimize dependencies and write simpler software, and Hyperapp has given me faith that it’s actually possible. Out of the box, Hyperapp combines state management with a VDOM engine that supports keyed updates & lifecycle events — all with no dependencies.

reactions

What’s coming next?

Some of the cool things planned for the first quarter of 2018 are submitting a Hacker News PWA to https://hnpwa.com and adding a new example implementation to RealWorld.

reactions

I also want to refine the documentation and work more on the ecosystem and tools: scaffolding, bundling, DevTools integration, etc. If you have ideas for improvements please get involved, hop on Slack or file a bug report on GitHub. We are on Reddit too!

reactions

If you’re working on something cool using Hyperapp, let us know on Twitter @HyperappJS! Happy hacking and happy holidays! 👋😉

reactions

Tags