This is odd. Vue is an Angular-like layer on top of Reacts basic principles. Even the code you posted, Vue is arbitrary, uses foreign syntax, HTML extensions that have to be learned. It doesn’t even result in a re-usable component in the end.

Reacts is short and concise, just by looking at the code it can be understood. For instance, how do you use the displayNewHires component you’ve just created in another component? Even someone who has never used it before would go: <displayNewHires /> because it’s natural.

How do you do the same in Vue? Try it and have a newcomer find that out without an internet connection. You’d have to read through pages of documentation in order to figure out how Vue circumvented its obscure template shortcomings, namely that templates aren’t components, but strings. Using strings as components yields in arbitrary things like “registrations,” local or global, naming semantics, etc.