hyperapp
Awesome Hyperapp
1 kB JavaScript library for building web applications.
A curated list of Hyperapp resources.
To contribute, fork this repository, add your amazing entry and send us a PR. See CONTRIBUTING for more information.
Official Resources
Articles & Tutorials
- An Introduction to Hyperapp
- How Hyperapp Works
- 2018 年は Hyperapp の年だ - Qiita (Japanese)
- 新 Qiita で React をやめて Hyperapp を採用した背景 - Qiita (Japanase)
- Hyperapp の良さとは何か考えてみた - Qiita (Japanese)
- Pure programming with Hyperapp - Gleb Bahmutov
- Interview with Jorge Bucaran - SurviveJS
- Hypercraft - A collection of Hyperapp techniques
- 《从0到1掌握HyperApp》（Simplified Chinese, Source）
- Creating a Snake Clone with Hyperapp
Boilerplates
- tzellman/hyperapp-boilerplate - Boilerplate showing how to create a production-ready Hyperapp application.
- lukejacksonn/hyperapp-electron - Minimal Electron app starter with Hyperapp, LiveReload and Redux DevTools.
- selfup/hyperapp-one - Simple Hyperapp webpack boilerplate counter app with Airbnb ESlint and JSX.
- lukejacksonn/hyperapp-pwa - Minimal, progressive web app compliant template for Hyperapp projects.
- marcusasplund/hyperapp-RxJS - Hyperapp with RxJS & service worker.
- marcusasplund/hyperapp-todo - Simple CRUD todo-app buit with Hyperapp.
- jdh2550/hyperapp-responsive-admin - Responsive app with simple login and GraphQL.
- joseluisq/hyperapp-starter - Minimal Hyperapp, TypeScript and Parcel starter.
- elisherer/hyperapp-less-boilerplate - Minimal webpack Hyperapp setup with LESS and hyperapp-forms.
Examples
- 30 Seconds of Interviews - A curated collection of common interview questions.
- Emoji Search - Simple app for searching emoji.
- Markdown Editor - Simple markdown editor with
localStorage(use ofdangerouslySetInnerHTML). - Type The Tao Te Ching - A typing practice app featuring passages from the Tao Te Ching.
- Serafeim's Hyperapp Tutorial - A rather big application to be used as a real-world tutorial; uses a Django/DRF API.
Utilities
- @hyperapp/html - HTML helpers for Hyperapp.
- @hyperapp/logger - Logs state updates and action information to the console.
- @hyperapp/router - The official router for Hyperapp.
- @hyperapp/render - Render Hyperapp to an HTML string with SSR and Node.js streaming support.
- andyrj/hyperapp-redux-devtools - Enables use of redux-devtools-extension for Hyperapp.
- hyperstart/hyperapp-devtools - Time-traveling debugger and other devtools for Hyperapp.
- zaceno/hyperapp-context - An remedy for excessive prop-passing down a deep tree of components
- zaceno/hyperapp-nestable - Use apps in apps like stateful components.
- zaceno/hyperapp-transitions - Helps you animate transitions in your Hyperapp applications.
- selfup/hyperapp-moisturize - HOA for Dynamically upgrading Hyperapp applications.
- lukejacksonn/hyperapp-firebase-auth - Drop in authentication for Hyperapp using Firebase.
- okwolf/hyperapp-effects - Elm-style side effects as data.
- okwolf/hyperapp-freeze - Deep freezes the state in development.
- davidjamesstone/hyperapp-customelements - W3C Web Components Custom Elements for hyperapp.
- davidjamesstone/hyperviews - Template language that produces
houtput. - picostyle/picostyle - 0.3 KB CSS-in-JS library for use with Hyperapp & Picodom.
- shershen08/single-spa-hyperapp - wrapper for using Hyperapp within single-spa apps
- elisherer/hyperapp-forms - Form state management library (similiar to redux-form)
Testing
- bahmutov/cypress-hyperapp-unit-test - Small utility for unit testing Hyperapp components inside Cypress end-to-end test runner.
Other
- Deployable - Ready-to-deploy static web app template built with Hyperapp.
- Linkcast - A chrome extensions built with Hyperapp to share links in groups and socialize with offline capability.