Yeah, I definitely understand people that don’t like jsx. I think that it can get a bit messy if you don’t break your components into small pieces. I believe inline styling has it’s place and it’s useful in some cases. For example, in my job we have a component library to share components between apps. Some of these components are very small but their color, margin, size, etc can change depending the view we’re displaying. In order to support this we pass some props to the component and that will be used for inline styling. I believe that inline styling is very good for this sort of things but I don’t I could build an app using inline styling only. I’ve never tried it but I don’t really mind the separation of css and js. What I don’t like about css is css collisions and inline styling can avoid that but css modules also does the trick and I’m happy with that.
I’ve heard very good things about styled-components(https://github.com/styled-components/styled-components). I’d like to give it a try on a small app to see it’s benefits and how I feel about having css + html + js.