Web Components vs. the World

Published May 17, 2024 • Last Updated June 24, 2024 • 1 minute

The phrase Web Components on the left with the right populated with five different logos of other javascript frameworks like React and Angular.

This isn't a "Web Components is the only way to make components" post, and neither was my last post. This is an attempt to present you (and myself) with as close to a 1-to-1 comparison of select frameworks so you can decide which one is best for you and your project.

Each snippet below contains a button with an event handler that, when clicked, increments a value, and that change to the value appears within the button's label.

Web Components

React

Solid.js

Vue.js

Svelte

Angular

As to which one I prefer, my choices are Web Components (obviously) and React. My choice of React is primarily due to exposure via personal and client projects.

I'm not much of a fan of magic. Or, more clearly put, I'd rather work with functional programming and built-in JavaScript functionality over most things.