It feels like doing Haskell with JavaScript.
function MyComponent(props) { return <p>Hello {props.name}</p> }
import React from 'react';
export default ({name}) => <p>Hello {name}</p>;
So much nicer than Angular.It would be great if that was true. The fact is that you can not copy Haskell in any mainstream language (Lisp gets the closest), and that hurts.
React is easy the same way jQuery is. Easy, unstructured, foggy, too much permissive tool.
Far too easy to end-up with spaghetti-code.
I prefer not using it, Angular is far more organized.
// MyHello.jsx
import React from 'react';
export default ({name}) => <p>Hello {name}</p>;
Now do the same in Angular.But that is more of an issue for projects maintained for a long time. If you want to crank out small apps fast, your "example" is relevant, and React definitely is the better option.
But hey, most apps are simple, so no need for all the above. I would say Ng/Ember are more specialized / niche.