hyperapp VS react-native

Compare hyperapp vs react-native and see what are their differences.

hyperapp

1kB-ish JavaScript framework for building hypertext applications. (by jorgebucaran)

react-native

A framework for building native applications using React (by facebook)
Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarLint - Clean code begins in your IDE with SonarLint
  • Scout APM - Less time debugging, more time building
  • talent.io - Download talent.io’s Tech Salary Report
hyperapp react-native
15 334
18,830 104,971
- 1.0%
4.5 10.0
7 days ago 4 days ago
JavaScript JavaScript
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

hyperapp

Posts with mentions or reviews of hyperapp. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-09-23.
  • How hard is it to get a Mid FE position without any commercial framework experience?
    2 projects | reddit.com/r/Frontend | 23 Sep 2022
    If they're focused on performance and bundle size, it's your chance to try some minimalistic exotic stuff like hyperapp (https://github.com/jorgebucaran/hyperapp) or mithril (https://mithril.js.org/) Just for fun
  • AlpineJS
    2 projects | dev.to | 10 Sep 2022
    With a bit of a deadline (due to a mixture of procrastination and confidence that Vue would work) I needed something quick. I have also used Hyperapp in the past but that looks like a dead project right now (although arguably it has all the functionality you need so why keep developing it?).
  • What I learned working with a senior engineer as a new grad
    3 projects | news.ycombinator.com | 19 Aug 2022
    I’m glad it left that impression! My thoughts have clarified a bit since I read that post, and I think what I describe is more declarative, like React. But the best places to read about it (for web devs) are in Elm!

    There is also this new thing I found that seems to really lean into the core of what being functional means here: https://github.com/jorgebucaran/hyperapp

    After a while, you see that basically all systems can be modeled as event-driven, functional systems. It’s a flexible model, and fits beautiful into web dev where the semantics are very clear: the system is the web app and events are clicks, keyboard events, asynchronous calls...

  • Best JS library/bundler combo for ABSOLUTE MINIMUM production build size possible
    2 projects | reddit.com/r/Frontend | 26 Jun 2022
    Hyperapp is 1kb.
  • What's your favorite frontend framework?
    2 projects | reddit.com/r/webdev | 12 May 2022
    - Hyperapp (https://github.com/jorgebucaran/hyperapp) - Preact - Svelte - React / Vue
  • Popular 'coa' NPM library hijacked to steal user passwords
    3 projects | reddit.com/r/javascript | 5 Nov 2021
    Personally, I try my best to avoid bringing in dependencies as much as possible, and try to limit my exposure to only dependencies with low/shallow transitive dependency counts. Unfortunately, this is pretty hard, especially in corporate settings. What we need more of are the opposite of what we've been collectively praising: we need more monolithic packages. Case in point: lodash.template is currently vulnerable with no mitigation, even though lodash itself is not. That's just sloppy publishing practices. Esbuild is a great start over the webpack/babel maze of dependencies. There's a stdlib effort along those lines that hopefully would also help. There's a bunch of micro-frameworks that are used in production just fine and have little to no dependencies.
  • Angular Is Rotten to the Core
    9 projects | news.ycombinator.com | 4 Nov 2021
    Even better than JSX is straight up hyperscript or something like @hyperapp/html[1]. JSX feels like a cumbersome attachment in comparison.

    [1] https://github.com/jorgebucaran/hyperapp/tree/main/packages/...

    9 projects | news.ycombinator.com | 4 Nov 2021
    > JSX is valid JS. It is converted down to the same thing as what you describe, function calls to React.createElement().

    This is disingenuous. Browsers do not understand JSX, nor do most JavaScript engines. TypeScript also gets transpiled to JavaScript -- it is not valid JavaScript in and of itself, you require a build step. We can argue semantics, but I think it's pretty clear what I meant.

    > You could even alias all the elements to function names

    You've just recreated what I mentioned two comments above in this same comments thread. :) See: https://github.com/jorgebucaran/hyperapp/tree/main/packages/...

    This is what I'm arguing for over something like JSX.

  • Leveraging JS Proxies for the DOM
    2 projects | dev.to | 9 Sep 2021
    Using a proxy to create elements! While this clearly applies to Hyperapp (a "tiny framework for building hypertext applications"), there's no reason why this couldn't apply to vanilla JS.
  • Migrating a React codebase to web components
    4 projects | dev.to | 2 Aug 2021
    The extension was originally written using vanilla JavaScript in 2015. As the codebase grew in complexity, it became difficult to maintain the UI. I wanted a tiny framework to help me organise the interface into components. I chose hyperapp for its small bundle size and seemingly easy API. It wasn’t that straightforward to learn after all and the documentation was lacking at the time.

react-native

Posts with mentions or reviews of react-native. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-09-18.
  • Is React Native of Flutter Better for Developing Mobile Apps?
    2 projects | dev.to | 18 Sep 2022
    React Native is a framework created by Facebook’s development teams. The code for the framework was written in JavaScript, which simplifies the process of creating practically every sort of app you want. Everyone with substantial experience in creating mobile apps knows how easier it is to do so using JavaScript.
  • What Programming Language To Use?
    2 projects | reddit.com/r/PinoyProgrammer | 12 Sep 2022
    https://www.tensorflow.org/ https://developer.android.com/training/basics/firstapp https://www.youtube.com/watch?v=fis26HvvDII https://reactnative.dev/ Kung web dev, I assume may understanding na kayo ng javascript? pero ibang learning curve din yung react native. If you know Java, pwedeng diretso Android na kayo using Android Studio. I've never used tensorflow with react native before so di ko masyado alam workflow pero probably the same. You build a model using python, convert to mobile version, then integrate with frontend.
  • Any tutorial out there on converting a monolith Laravel App to a micro APIs service provider?
    2 projects | reddit.com/r/laravel | 26 Aug 2022
    Rewrite the frontend with something like React Native.
  • 12 Frameworks for Hybrid Mobile Apps
    5 projects | dev.to | 24 Aug 2022
    With React Native, you can build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components.
  • What's a framework? All about software frameworks
    8 projects | dev.to | 16 Aug 2022
    React Native: An open-source UI framework maintained by Meta (Facebook) for developing cross-platform mobile apps on Android, iOS, Android TV, MacOS, and more.
  • React Native vs Flutter
    4 projects | dev.to | 5 Aug 2022
    But the real equalizers were destined to appear a little later, each of which also took the previous approaches and greatly surpassed them. Let's move on to this story's heroes, React Native and Flutter.
  • Docusaurus 2.0 – Meta's static site generator to build documentation sites
    19 projects | news.ycombinator.com | 1 Aug 2022
    > I like include asciidoctor[1] and mdbook [2]. Though I find that even those are overkill for my hobby projects at least ...

    That's one thing: Docusaurus is not necessary just for hobby projects where the doc only exists for yourself and a few users. It can be used for hobby project but it can also scale for much larger projects where the doc is a critical part of the success of the project, and where the company behind is willing to invest thousands of dollars to have a really great doc. For example, the doc of React-Native is critical for React-Native success: https://reactnative.dev

    > I prefer to use them anyway because of support/updates and to leave something others can manage themselves later.

    If you have a small project, you can also use Docusaurus in a very simple way, and stick to our stock template (which looks like this: https://tutorial.docusaurus.io/)

    The only thing you'll need is to leave a folder of Markdown files to your colleagues, that's all.

    I have planned to add a very simple CLI on top of Docusaurus to make it even easier: just run "npx yolodoc ./my-md-docs-folder" and it will build your simple Docusaurus site => No need to install anything, know that it's using React/MDX/TS or whatever: the only thing you'd need is to have Node.js installed (which is not more complicated to install than Python or Ruby btw)

    > This comment seems to show we come from very different worlds. Why do you believe you need JS to create documentation??

    I don't believe that. I believe you can do everything by hand but at some point when you have thousands of docs pages, you also need to be productive and fall into the pit of success by adopting tools that streamline the docs authoring experience for your doc team. Do you prefer throwing 1000h of your time on your home made solution, or just use Docusaurus and save time, and get a better result for something like 200h? => That's the value proposition of Docusaurus.

    Also note that for some accessibility details, you do need to have some JS because using just HTML has its limit. Docusaurus takes great care of accessibility concerns by default for you: progressive enhancement, skip-to-content, aria labels, keyboard navigation, focus rings, semantic html...

    > and if you want to add a little interactivity here and there (e.g. run this code live) you can just embed something like Codepen.io or even, yes, vanilla JS if really necessary.

    There are many places where you probably want JS in your doc site: collapsible categories, search, tabs to switch SDK languages, mobile drawer menu etc... Using just HTML has its limit.

    Now Docusaurus doesn't just bring interactivity to the "layout" but also inside the docs. This makes it possible to build interactive documentation where the experience is natively more "playful"

    https://docusaurus.io/docs/markdown-features/react

    19 projects | news.ycombinator.com | 1 Aug 2022
  • New Product - What language?
    2 projects | reddit.com/r/AskProgramming | 24 Jul 2022
    I have zero experience with mobile development, but from what I know, I would look into Kotlin Multiplatform, React Native and Flutter, in that order.
  • Next.js vs. React: A Multi-Factor Comparison
    4 projects | dev.to | 19 Jul 2022
    When working for platforms that require web pages and accompanying mobile applications, React is a great choice as its code is compatible with mobiles (React Native).

What are some alternatives?

When comparing hyperapp and react-native you can also consider the following projects:

Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time

capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️

Electron - :electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS

Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

Titanium - 🚀 Native iOS and Android Apps with JavaScript

spine - Lightweight MVC library for building JavaScript applications

flutter-embedded-linux - Embedded Linux embedding for Flutter

semver - Semantic Versioning Specification

react-native-webview - React Native Cross-Platform WebView

svelte-capacitor - Build hybrid mobile apps using Svelte and CapacitorJS with live reloading on Android and iOS!

Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.