All Projects → okwolf → Hyperapp Fx

okwolf / Hyperapp Fx

Licence: mit
Effects for use with Hyperapp

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Hyperapp Fx

L5P-Keyboard-RGB
Cross platform software to control the lighting of the 4 zone keyboard included in the 2020 and 2021 lineup of the Lenovo Legion laptops. Works on Windows and Linux.
Stars: ✭ 79 (-24.76%)
Mutual labels:  keyboard, effects
Timelite
Why is it 5 AM? Isn't there something simple I can use to track what I'm doing with all this time?
Stars: ✭ 201 (+91.43%)
Mutual labels:  time, localstorage
ReduxSimple
Simple Stupid Redux Store using Reactive Extensions
Stars: ✭ 119 (+13.33%)
Mutual labels:  history, effects
Pancake
Lightweight, Fast, Easy-to-use HTML5 2D game framework!
Stars: ✭ 79 (-24.76%)
Mutual labels:  keyboard, localstorage
Portable Snippets
Collection of miscellaneous portable C snippets.
Stars: ✭ 397 (+278.1%)
Mutual labels:  time, random
Romplayer
AudioKit Sample Player (ROM Player) - EXS24, Sound Font, Wave Player
Stars: ✭ 445 (+323.81%)
Mutual labels:  delay, keyboard
Handyswift
Handy Swift features that didn't make it into the Swift standard library.
Stars: ✭ 403 (+283.81%)
Mutual labels:  delay, random
Nano Sql
Universal database layer for the client, server & mobile devices. It's like Lego for databases.
Stars: ✭ 717 (+582.86%)
Mutual labels:  history, localstorage
Vlf
A Vue plugin from localForage.vue-localForage or vlf
Stars: ✭ 99 (-5.71%)
Mutual labels:  localstorage
Superlifter
A DataLoader for Clojure/script
Stars: ✭ 102 (-2.86%)
Mutual labels:  fetch
Date And Time
A Minimalist DateTime utility for Node.js and the browser
Stars: ✭ 99 (-5.71%)
Mutual labels:  time
Git History Editor
✏️ Online commit editor, intuitive and easy to use
Stars: ✭ 100 (-4.76%)
Mutual labels:  history
Prob.js
Generate random numbers from different probability distributions.
Stars: ✭ 102 (-2.86%)
Mutual labels:  random
Lot60 Ble Keyboard
A 60% bluetooth keyboard (Hardware)
Stars: ✭ 100 (-4.76%)
Mutual labels:  keyboard
Astorage
A tiny API wrapper for localStorage
Stars: ✭ 103 (-1.9%)
Mutual labels:  localstorage
Digitalkeyboard
手动实现简单的身份证数字键盘
Stars: ✭ 99 (-5.71%)
Mutual labels:  keyboard
Cron4s
Cross-platform CRON expression parsing for Scala
Stars: ✭ 99 (-5.71%)
Mutual labels:  time
Time Stamp
Get a formatted timestamp. Used in gulp, assemble, generate, and many others.
Stars: ✭ 104 (-0.95%)
Mutual labels:  time
Chrome Better History
Replace the default Chrome history with this better history plugin.
Stars: ✭ 103 (-1.9%)
Mutual labels:  history
Wait For Localhost Cli
Wait for localhost to be ready from the command-line
Stars: ✭ 101 (-3.81%)
Mutual labels:  delay

Hyperapp FX

Build Status codecov npm Slack

A handy set of effects for use with Hyperapp.

Getting Started

Here's a taste of how to use a common effect for making HTTP requests. The app displays inspiring quotes about design, fetching a new quote each time the user clicks on the current one. Go ahead and try it online here.

import { app, h, text } from "hyperapp"
import { Http } from "hyperapp-fx"

const GetQuote = () => [
  "...",
  Http({
    url: "https://api.quotable.io/random",
    action: (_, { content }) => content
  })
]

app({
  init: "Click here for quotes",
  view: quote => h("h1", { onclick: GetQuote }, text(quote)),
  node: document.getElementById("app")
})

More examples are available to show other effects in action.

Installation

npm i [email protected]

Then with a module bundler like Rollup or Webpack, use as you would anything else.

import { Http } from "hyperapp-fx"

If you don't want to set up a build environment, you can download Hyperapp FX from a CDN like unpkg.com and it will be globally available through the window.hyperappFx object. We support all ES5-compliant browsers, including Internet Explorer 10 and above. Use of the Http effect requires a polyfill.

<script src="https://unpkg.com/[email protected]"></script>

API documentation

License

Hyperapp FX is MIT licensed. See LICENSE.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].