Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Hyperapp

35
51
+ 1
0
Svelte

1.7K
1.6K
+ 1
502
Add tool

Hyperapp vs Svelte: What are the differences?

Developers describe Hyperapp as "1 KB JavaScript library for building front end applications". Out of the box, Hyperapp combines state management with a VDOM engine that supports keyed updates & lifecycle events — all with no dependencies. On the other hand, Svelte is detailed as "A UI framework that compiles into tiny standalone JavaScript modules". If you've ever built a JavaScript application, the chances are you've encountered – or at least heard of – frameworks like React, Angular, Vue and Ractive. Like Svelte, these tools all share a goal of making it easy to build slick interactive user interfaces. Rather than interpreting your application code at run time, your app is converted into ideal JavaScript at build time. That means you don't pay the performance cost of the framework's abstractions, or incur a penalty when your app first loads.

Hyperapp and Svelte can be categorized as "Javascript UI Libraries" tools.

Hyperapp and Svelte are both open source tools. Svelte with 20.6K GitHub stars and 769 forks on GitHub appears to be more popular than Hyperapp with 16.8K GitHub stars and 753 GitHub forks.

Decisions about Hyperapp and Svelte
Máté Homolya
Senior developer at Self-employed · | 11 upvotes · 303.7K views
Migrated
from
ReactReact
to
SvelteSvelte

Svelte is everything a developer could ever want for flexible, scalable frontend development. I feel like React has reached a maturity level where there needs to be new syntactic sugar added (I'm looking at you, hooks!). I love how Svelte sets out to rebuild a new language to write interfaces in from the ground up.

See more
Alex Guesnon
Full-stack software engineer · | 3 upvotes · 121.9K views
Chose
SvelteSvelte
over
Vue.jsVue.js

Svelte 3 is exacly what I'm looking for that Vue is not made for.

It has a iterable dom just like angular but very low overhead.

This is going to be used with the application.

for old/ lite devices . ie. * android tv, * micro linux, * possibly text based web browser for ascci and/or linux framebuffer * android go devices * android One devices

See more
Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of Hyperapp
Pros of Svelte
    Be the first to leave a pro
    • 59
      Performance
    • 41
      Reactivity
    • 36
      Components
    • 35
      Simplicity
    • 34
      Javascript compiler (do that browsers don't have to)
    • 30
      Lightweight
    • 28
      Near to no learning curve
    • 26
      Real Reactivity
    • 26
      Fast as vanilajs
    • 22
      All in one
    • 18
      Compiler based
    • 18
      Use existing js libraries
    • 17
      SSR
    • 16
      Scalable
    • 16
      Very easy for beginners
    • 13
      Composable
    • 12
      No runtime overhead
    • 12
      Ease of use
    • 10
      Built in store
    • 9
      Typescript
    • 7
      Start with pure html + css
    • 7
      Best Developer Experience
    • 6
      Templates
    • 4
      Speed

    Sign up to add or upvote prosMake informed product decisions

    Cons of Hyperapp
    Cons of Svelte
      Be the first to leave a con
      • 3
        Event Listener Overload
      • 2
        Little to no libraries
      • 2
        Complex
      • 2
        Learning Curve
      • 2
        Hard to learn

      Sign up to add or upvote consMake informed product decisions

      98
      14
      1K
      574
      5.8K
      - No public GitHub repository available -

      What is Hyperapp?

      Out of the box, Hyperapp combines state management with a VDOM engine that supports keyed updates & lifecycle events — all with no dependencies.

      What is Svelte?

      If you've ever built a JavaScript application, the chances are you've encountered – or at least heard of – frameworks like React, Angular, Vue and Ractive. Like Svelte, these tools all share a goal of making it easy to build slick interactive user interfaces. Rather than interpreting your application code at run time, your app is converted into ideal JavaScript at build time. That means you don't pay the performance cost of the framework's abstractions, or incur a penalty when your app first loads.

      Need advice about which tool to choose?Ask the StackShare community!

      What companies use Hyperapp?
      What companies use Svelte?
      Manage your open source components, licenses, and vulnerabilities
      Learn More

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with Hyperapp?
      What tools integrate with Svelte?

      Sign up to get full access to all the tool integrationsMake informed product decisions

      Blog Posts

      JavaScriptGitHubReact+12
      5
      4238
      What are some alternatives to Hyperapp and Svelte?
      React
      Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
      Preact
      Preact is an attempt to recreate the core value proposition of React (or similar libraries like Mithril) using as little code as possible, with first-class support for ES2015. Currently the library is around 3kb (minified & gzipped).
      Mithril
      Mithril is around 12kb gzipped thanks to its small, focused, API. It provides a templating engine with a virtual DOM diff implementation for performant rendering, utilities for high-level modelling via functional composition, as well as support for routing and componentization.
      Elm
      Writing HTML apps is super easy with elm-lang/html. Not only does it render extremely fast, it also quietly guides you towards well-architected code.
      jQuery
      jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
      See all alternatives