"React's use of JSX results in a steeper learning curve as you must learn this on top of familiarizing yourself with the library."
I cannot disagree more... JSX is an XML syntax mostly similar to html in it's lowest common denominator + JavaScript. For someone who should be familiar with JS and HTML going in, JSX is much less of a learning curve than a specific rendering DSL like Angular or others in practice.
The co-mingling of your component markup into your component JS is harder for those locked into a certain mindset to change, that does not make it harder conceptually.
Aside: materal-ui is the single nicest component library I have ever used in 24 years of working on web based applications. I've seen and used a *LOT* of tools and frameworks over the years. React + Material-UI feels right to me.