hyperapp-recipes

This repository contains short code snippets that showcase features & how tos with Hyperapp.

Each recipe has tags you can search for.

Current tags: [beginner][style][list][router][slices][large app]

Recipes

• counter [try it] ^{[beginner][jsx]}
  Basic example to show the interactions between state, actions and view.
• Todo App [try it] ^{[beginner][tip][list]}
  Simple Todo list with hyperapp.
• style [try it] ^{[beginner][style]}
  This example shows how to use the style attribute.
• router [try it] ^[router]
  Simple router that relies on the history API.
• link between slices [try it]^{[slices][large app]}
  This example shows how to call actions from other slices. This is a useful pattern when developping large apps.

To add

• form handling
• async actions (with error handling)
• UI state
• app architecture?
• component lifecycles
• https://gist.github.com/JorgeBucaran/4dfa567e38ca222c25c46184b3a5df99

• Slideshow (gifs, videos, quotes, html, etc. whatever)

• Pomodoro clock 🍅

• O'reilly book cover generator

• TodoList where you can add an expiration to todos (e.g. remove in 5 seconds)

• Emoji Search

• Something with a map (edited)

• A list / table with some data (e.g. countries by population / size) with ability to click on a column to sort the list in different ways.

(basically a sortable collection)