React-Vue vs Stimulus vs Umbrella JS

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

React-Vue

1
16
+ 1
0
Stimulus

105
100
+ 1
16
Umbrella JS

2
14
+ 1
0
Decisions about React-Vue, Stimulus, and Umbrella JS
Hampton Catlin
VP of Engineering at Rent The Runway · | 7 upvotes · 444.8K views

Starting a new company in 2020, with a whole new stack, is a really interesting opportunity for me to look back over the last 20 years of my career with web software and make the right decision for my company.

And, I went with the most radical decision– which is to ignore "sexy" / "hype" technologies almost entirely, and go back to a stack that I first used over 15 years ago.

For my purposes, we are building a video streaming platform, where I wanted rapid customer-facing feature development, high testability, simple scaling, and ease of hiring great, experienced talent. To be clear, our web platform is NOT responsible for handling the actual bits and bytes of the video itself, that's an entirely different stack. It simply needs to manage the business rules and the customers experience of the video content.

I reviewed a lot of different technologies, but none of them seemed to fit the bill as well as Rails did! The hype train had long left the station with Rails, and the community is a little more sparse than it was previously. And, to be honest, Ruby was the language that was easiest for developers, but I find that most languages out there have adopted many of it's innovations for ease of use – or at least corrected their own.

Even with all of that, Rails still seems like the best framework for developing web applications that are no more complex than they need to be. And that's key to me, because it's very easy to go use React and Redux and GraphQL and a whole host of AWS Lamba's to power my blog... but you simply don't actually NEED that.

There are two choices I made in our stack that were new for me personally, and very different than what I would have chosen even 5 years ago.

1) Postgres - I decided to switch from MySql to Postgres for this project. I wanted to use UUID's instead of numeric primary keys, and knew I'd have a couple places where better JSON/object support would be key. Mysql remains far more popular, but almost every developer I respect has switched and preferred Postgres with a strong passion. It's not "sexy" but it's considered "better".

2) Stimulus.js - This was definitely the biggest and wildest choice to make. Stimulus is a Javascript framework by my old friend Sam Stephenson (Prototype.js, rbenv, turbolinks) and DHH, and it is a sort of radical declaration that your Javascript in the browser can be both powerful and modern AND simple. It leans heavily on the belief that HTML-is-good and that data-* attributes are good. It focuses on the actions and interactions and not on the rendering aspects. It took me a while to wrap my head around, and I still have to remind myself, that server-side-HTML is how you solve many problems with this stack, and avoid trying to re-render things just in the browser. So far, I'm happy with this choice, but it is definitely a radical departure from the current trends.

See more
Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of React-Vue
Pros of Stimulus
Pros of Umbrella JS
    Be the first to leave a pro
    • 5
      No Javascript on Backend
    • 5
      Simple and easy to start with
    • 4
      Balance between Front End and BackEnd
    • 2
      Easy way to add functionality to rails views
      Be the first to leave a pro

      Sign up to add or upvote prosMake informed product decisions

      Cons of React-Vue
      Cons of Stimulus
      Cons of Umbrella JS
        Be the first to leave a con
        • 2
          Steep learning curve
          Be the first to leave a con

          Sign up to add or upvote consMake informed product decisions

          - No public GitHub repository available -
          - No public GitHub repository available -

          What is React-Vue?

          React-Vue is designed to connect React and Vue. Which helps you run Vue in React.

          What is Stimulus?

          Stimulus is a JavaScript framework with modest ambitions. It doesn't seek to take over your entire front-end—in fact, it's not concerned with rendering HTML at all.

          What is Umbrella JS?

          Covers your javascript needs for those rainy days. A <3kb performant jQuery-like library born from the question: You might not need jQuery, then what do you need? You probably need awesome CSS (like Picnic CSS) and a lightweight, modern and performant javascript library. This does: DOM traversal (selector, filter, find, each, etc.) DOM editing (classes & attributes, html, before, etc.) Event handling

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

          What companies use React-Vue?
          What companies use Stimulus?
          What companies use Umbrella JS?
            No companies found

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

            What tools integrate with React-Vue?
            What tools integrate with Stimulus?
            What tools integrate with Umbrella JS?
              No integrations found
              What are some alternatives to React-Vue, Stimulus, and Umbrella JS?
              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.
              React Native
              React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.
              Angular
              It is a TypeScript-based open-source web application framework. It is a development platform for building mobile and desktop web applications.
              Vue Native
              Vue Native is a mobile framework to build truly native mobile app using Vue.js. Its is designed to connect React Native and Vue.js. Vue Native is a wrapper around React Native APIs, which allows you to use Vue.js and compose rich mobile User Interface.
              Vue.js
              It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.
              See all alternatives