Comment by Jordan Brennan on "Learning Vue as a React dev" | Hashnode

Popular posts

Jordan Brennan

May 17, 2023

I find Vue’s Single File Components with Options API to be the easiest to learn, design, code, and test. Its simplicity compared to React or even Vue’s own Composition API is way more valuable than all of React’s exotic stuff that at the end of the day doesn’t help you achieve anything new. It’s just more code and goofy rules to work around. Also, Vue’s real HTML and CSS trump React’s XML abomination and total lack of support for component styles too.

The final nail in React’s coffin is its persistent incompatibility with web standards. To this day it is not fully compatible with Web Components and fails, and has failed many times, to handle certain HTML attributes correctly. If your web framework struggles to work with HTML that’s kind of a sign right?

I have years of experience with both and would choose Vue over React always.

Jacopo Marrone

May 18, 2023

Really appreciate your honest feedback Jordan. Vue has the plus to be more similar to HTML and you can use it just in a static file using CDN. In React you can't bypass a build tool.

To this day it is not fully compatible with Web Components and fails, and has failed many times, to handle certain HTML attributes correctly.

I'm curious, which problem did you encounter with React and WebComponents, and React and HTML attributes?

React currently does not support the inert attribute or fully support hidden. React has a long history of unreliably working with HTML because of its flawed design. React maintainers have forced themselves into a corner where they have to manually update React alongside HTML so if HTML gets something new, like inert, developers can’t use it until React is updated, which is often AFTER the browsers support it. React is effectively the new IE.

It also doesn’t understand Web Components without configuration and some extra coding and even then it’s still not perfect. custom-elements-everywhere.com shows a failing score compared to virtually every other framework, which all score 100%.

Jacopo Marrone

May 18, 2023

Jordan Brennan Never heard of inert attr. It seems that you can use it like this:

<div inert={isInertOn ? "": undefined}/>

github.com/WICG/inert/issues/58

But yes, React compiles to html so dev must rely on the compiler support.

I don't often use Web Components but I agree that is a shame that an industry leader library lacks in fundamentals.

It seems that something is moving here github.com/facebook/react/issues/11347

Is a shame that an industry leader library lacks in fundamentals.

This is a weird thing, hard to accept honestly, even if 95% of apps never encounter these problems it doesn't mean that these should be ignored.

Great points here Jordan.

Search Hashnode