I abandoned React in favor of Hyperapp — Here’s why

Angelos Chalaris
Jun 27, 2018 · 4 min read

Frameworks like React, Vue and Angular seem to have been all the rage this past year and with good reason: they make it easier to create and maintain scalable web apps. Having worked with React and Vue in the past, mainly on side projects and during courses, I found them both to have quite a steep learning curve. However, out of necessity, I settled with React and Redux as my tools of choice, which I disliked the least out of the bunch.

Photo by 广博 郝 on Unsplash

As time went by, I realized I was constantly looking for help every step of the way when working with these tools. I even tried Vue at some point, but that didn’t work out the way I hoped either. At this point I should mention that my skill level in web development is somewhere between junior and intermediate, depending on the tech and nature of what I am building. But, as far as React, Redux, Vue and Angular are concerned, I certainly feel like an absolute beginner, even after about a year of using them.

React is a really cool framework, but it can cause a ton of headaches, especially as your web app gets more complex.

The meticulous reader and/or React enthusiast will be asking at this point — Why exactly do you think Hyperapp is a good alternative? Here’s my reasoning:

Straightforward API

As I read through the documentation of Hyperapp, one think became clear: The framework’s API is really straightforward and nowhere near as complex as React. Having worked with other frameworks in the past, I can confirm that remembering how Hyperapp works is a breeze compared to any of the others, due to the framework’s simplicity. This, in turn, will prevent a lot of headaches when trying to figure out that nasty bug the night before you release your web app.

Same principles as your tools of choice

If you are used to React or Vue, Hyperapp will be very easy to get into. The core principles of it are very similar if not exactly the same as React’s and most of the things you know work very similarly, meaning you get to start using it in no time and without having to learn a lot of new things to try it out. It even supports JSX out of the box and prides itself in its capability to write components that can be easily shared and reused across frameworks.

Virtual DOM and State Management

Hyperapp’s main selling point for me was the fact that state management is well incorporated into the framework, along with virtual DOM, both essential for developing modern web apps. This means you don’t need a tool like Redux to manage state properly, reducing your web app’s size and helping you retain part of your sanity in the process.

Easy to maintain

What I’ve found, working with various frameworks and packages over the years, is that some of them require a lot of boilerplate code to get started. React and Redux are particularly guilty of this, as there is a lot of things you need to account for. Hyperapp, on the other hand, doesn’t require nearly as much and its code is a whole lot easier to maintain, as it doesn’t require you to skim through boilerplate code or anything as complicated and messy as a reducer. On top of that, you can read the source code of Hyperapp and understand exactly what it does, as it’s around 400 lines of code. This gives you the advantage of being able to tweak it and participate in its development, if there’s anything you don’t like about how it works.

I hope this article managed to convince you to give Hyperapp a chance and see if it works for a project you might be working on. If you like it, remember to star it on Github to help grow the community around it.

If not, feel free to comment below about your framework of choice and why Hyperapp might not be a suitable replacement.

HackerNoon.com

#BlackLivesMatter

Sign up for Get Better Tech Emails via HackerNoon.com

By HackerNoon.com

how hackers start their afternoons. the real shit is on hackernoon.com. Take a look.

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

HackerNoon.com

Elijah McClain, George Floyd, Eric Garner, Breonna Taylor, Ahmaud Arbery, Michael Brown, Oscar Grant, Atatiana Jefferson, Tamir Rice, Bettie Jones, Botham Jean

Angelos Chalaris

Written by

Web developer who loves to code, creator of 30 seconds of code (https://30secondsofcode.org/) and the mini.css framework (http://minicss.org).

HackerNoon.com

Elijah McClain, George Floyd, Eric Garner, Breonna Taylor, Ahmaud Arbery, Michael Brown, Oscar Grant, Atatiana Jefferson, Tamir Rice, Bettie Jones, Botham Jean

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store