question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Gestures for Hyperapp

See original GitHub issue

So… I’ve been doing mobile web dev since 2005. Ugh, them were dark times. Then the iPhone launched in 2007 and things got better. As part of the many mobile projects that I’ve worked on, I’ve created a module that adds gestures using a jQuery-compatible interface that works identically on desktop and mobile. It provides the following gestures: tap (200 ms delay to allow the start of scrolling), long tap, double tap, swipe left, swipe right, swipe up and swipe down. Currently it weighs in at 2kb minified compared to HammerJS at 45kb minified. 😱 Considering that Hyperapp minified is only 4kb, MC Hammer gonna have take a hike. Would you guys be interested in a port of my gesture module so that it would work with Hyperapp? You could do an import and then maybe use it like this, I’m thinking:

<button onmousedown={actions.add}>+</button>
effects: {
// Define gesture and call to execute:
  add _ => createGesture('tap', callback)
}

Interested to hear how you guys think that could/should be implemented.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:20 (17 by maintainers)

github_iconTop GitHub Comments

1reaction
rbiggscommented, Feb 22, 2017

I just need something inline, same as current <button onclick='doStuff'>, except it will be something like: `<button onload=‘createEvent(“tap”, msg)’ or whatever.

1reaction
rbiggscommented, Feb 22, 2017

Oh, you mean the lifecycle one? Ok, that’s basically the same as HTMLElement.onload then, right?

Read more comments on GitHub >

github_iconTop Results From Across the Web

jorgebucaran/hyperapp: 1kB-ish JavaScript ... - GitHub
The tiny framework for building hypertext applications. Do more with less—We have minimized the concepts you need to learn to get stuff done....
Read more >
@composi/gestures, Cross-browser Gestures for Desktop and ...
Here are a few libraries where we know @composi/gestures works: Vue, Preact, Svelte, Hyperapp, Superfine, Composi, lit-html, HyperHTML.
Read more >
Hypermdx: Markdown Enhanced with Hyperapp - Morioh
HyperMDX is an MDX-like library to enhance markdown with Hyperapp. Features. Custom components for HTML elements; Embed Hyperapp components inside a page; Async ......
Read more >
Hyperapp vs layerJS | What are the differences? - StackShare
Hyperapp - A tiny framework for building web interfaces. ... Slider, Popups, Accordeon, Menu, Parallax, (Touch) Gestures, etc.
Read more >
Build a To-do List with Hyperapp, the 1KB JS Micro-framework
Hyperapp allows you to build dynamic, single-page web apps by taking advantage of a virtual DOM to update the elements on a web...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found