Stack Overflow
Stack Overflow

Questions tagged [hyperapp]

Hyperapp is a JavaScript micro-framework for building web applications.

Hyperapp:

  • is a JavaScript micro-framework for building fast and feature-rich applications in the browser

  • combines state management with a virtual DOM engine that supports keyed updates & lifecycle events — all with no dependencies

  • holds firm on the functional programming front when managing your state, but takes a pragmatic approach to allowing for side effects, asynchronous actions, and DOM manipulations

Its homepage is at http://hyperapp.js.org

14 questions
3
votes
1 answer

Debounced action on input element's input event in Hyperapp

I'm trying to debounce (using lodash.debounce) an action in a Hyperapp component as the user is typing in a search field. While the actions are delayed, they seem to be queued and will all execute individually when the interval (500 ms) has passed,…
jdlm
  • 6,327
  • 5
  • 29
  • 49
3
votes
3 answers

Are there any JavaScript libraries that can add type safety to Hyperapp?

I'm considering using Hyperapp for my next project, but I've noticed that while it is Elm-like, it does not offer type safety guarantees (which is one of the best features about Elm). Is there a combination of JavaScript libraries (maybe used with…
user2167582
  • 5,986
  • 13
  • 64
  • 121
2
votes
1 answer

Hyperapp / Webpack - How to code split component

To reduce the initial load of my app, i try to do code splitting. For exemple, i successfully split twilio-video, to load and initialize when user press "call" import('twilio-video').then(Video => { Video.connect(twilioInfo.data.token,…
Georgio
  • 87
  • 18
2
votes
1 answer

npm run watch terminal error, "did you forget to signal async completion", can anyone answer please?

I am using a developer kit for a tutorial project. I typically use this same kit but sometimes different versions but normally it works ok. This time we are using hyperapp and I am having this issue where, when I run 'npm run watch' I get "did you…
JavaMarc
  • 31
  • 5
2
votes
0 answers

Trying to share code from Hyperapp with Bit.dev

I'm trying to share my code from my front (hyperapp) to my admin (hyperapp to) to make "preview" button. The setup of these projects was made by an other dev, so i had to learn hyperapp workflow on the job, i'm not expert. From what i know he was…
Georgio
  • 87
  • 18
1
vote
1 answer

Hyperapp V2 lifecycle method (onCreate)

How does lifecycle methods work in hyperapp v2? Why don't I see 'hello' in my console? import { h, app } from "hyperapp"; app({ init: { name: 'world' }, view: ({ name }) => h('div', { onCreate: () => console.log('hello') },…
Tahin Rahman
  • 1,154
  • 1
  • 11
  • 20
1
vote
2 answers

Update item in tree structure by reference and return updated tree structure

I am currently learning functional programming using HyperappJS (V2) and RamdaJS. My first project is a simple blog app where users can comment on posts or other comments. The comments are represented as a tree structure. My state looks something…
Đinh Carabus
  • 3,403
  • 4
  • 22
  • 44
1
vote
0 answers

TS2605: JSX element type 'VNode | View' is not a constructor function for JSX elements

the hyperapp.d.ts file export interface VNode { nodeName: string attributes?: Attributes children: Array key: string } export interface Component { (attributes:…
Joyzen
  • 19
  • 1
0
votes
1 answer

Hyperapp h function cannot make a component

I have been trying Hyperapp. For a number of reasons I want to use the h function rather than JSX, I won't get into the whys and wherefores here but no JSX please! Thing is when I create an instance of a component by using JSX everything is…
Sqoo
  • 5,197
  • 2
  • 17
  • 18
0
votes
1 answer

setTimeout, clearTimeout forming a reset timeout not working. console.log time issue?

I currently have a Modal popping up and want it to disappear if the user doesn't input their password for 30 seconds. This works, but when I tried to implement it with an onChange event on the input then it stopped working. The weird part is, when I…
thatdevop
  • 819
  • 2
  • 8
  • 19
0
votes
0 answers

Hyperapp, Social share link and og:url

I'm having a little problem with my (facebook) share link. I use hyperapp and fbbot will not execute js, so my meta will not be displayed. So i made a sharing page on my api (with a js redirect to my front for user). Everything works good, but, when…
Georgio
  • 87
  • 18
0
votes
2 answers

Hyperapp code intellisence in WebStorm

Is there a plugin for Hyperapp support in WebStorm or a way to set up intellisense to not flash with errors? Currently, the editor sees components as React components, which is close but not ideal. Update: Similar to Preact, Hyperapp uses e.g. class…
Miroslav Jonas
  • 5,407
  • 1
  • 27
  • 41
0
votes
0 answers

Hyperapp Project Console Error

When I run npm run watch, I'm not getting any updates from the hyperapp app.js file to the browser page. The only thing that is loading is the CSS. This is what my console says in the png file. Any possible solutions with the provided info?Console…
Joseppi
  • 3
  • 4
0
votes
1 answer

Uploading a HyperApp web application to github, which files do I upload?

Hey all I have a restaurant web app I did and would like to upload it to github when I do so which files do I need to upload ? all? Do I need to do anything else such as compiling of any sort? Would this work the same with reAct projects ?
jose perez
  • 31
  • 1
  • 8