Learn HYPERAPP with Real Code Examples

Install via npm: `npm install hyperapp`

Or use CDN script: `<script src='https://unpkg.com/hyperapp'></script>`

No CLI or build system required

Start coding in a single JavaScript file

Use bundlers only if desired (Vite/Webpack)

Install Node.js (optional)

Start with CDN or npm install

Use VSCode or any editor

Set up dev server if bundling

Keep project structure simple

index.html

app.js

components/*.js

vite.config.js (optional)

package.json

No official CLI needed

Use `npm init vite` if bundling

Run `npx serve` for static dev

Use Parcel/Vite for zero-config builds

Run tests via Jest CLI

Simple JSON message dictionaries

Manual i18n logic via actions

Community plugins for i18n

Component-based formatting

RTL support via CSS

Semantic HTML encouraged

ARIA attributes added manually

Keyboard navigation supported via events

Simple DOM encourages A11y compliance

Small markup = better screen reader compatibility

CSS or inline styles

Tailwind or PostCSS

Functional class binding

Component-based styles

Atomic or utility-first styles

Global state object

Pure actions

Local states via components

Subscriptions for events

Community-based stores (optional)

Fetch API for requests

Actions handling async data

Global or component-level stores

Subscriptions for timers and sockets

Local browser storage integrations