Note that the listed discussion is specifically about projects generated by the Create-React-App tool, not React itself. React has always been usable by just adding a pair of `` tags to any <span class="bg-orange-200 rounded px-1">HTM</span>L page.</p><p>Dan Abramov pointed out [0] that:</p><p>> in terms of feature set (test runner, devserver, compiler with support for bundle splitting and optimizations, error overlay with editor integration, static code checker) it’s comparable to a small Xcode.</p><p>> It’s valid criticism that tools like Xcode are installed once whereas react-scripts is per project. But the upside is you never have the “different projects demand different Xcode versions” problem. And everything runs on CI thanks to full encapsulation.</p><p>> I’m hoping approaches like Yarn Plug’n’Play will give us best of both worlds. Shared install for the same versions between projects but with isolated and versioned tooling.</p><p>[0] <a href="https://twitter.com/dan_abramov/status/1097309141075456000" rel="nofollow">https://twitter.com/dan_abramov/status/1097309141075456000</a></p>

> React has always been usable by just adding a pair of `` tags to any <span class="bg-orange-200 rounded px-1">HTM</span>L page.</p><p>Yes but good luck with React.createElement(). React without JSX is really a pain to use (or Preact, Inferno, etc).</p><p>Vue is much more straightforward for those simpler cases where you don't need/want to setup Babel, Webpack, etc.</p>

Just FYI, you can easily include a @babel/standalone script to get JSX in your script tags.

https://reactjs.org/docs/add-react-to-a-website.html#quickly...

Oh this is good!

How is the browser support for this?

Note that running the transform in-browser on anything more than a "hello world" is going to be relatively slow. It's only useful for cases like a "single HTML file React example, with JSX syntax capability", and is _not_ recommended for any kind of production use.

Thanks, I saw that after writing my comment.

It seems Vue is definitely the simpler choice to write reactive components in projects without a build chain.

As I wrote up-thread, Jason Miller's `htm` library seems to be a very nice alternative to JSX that does not require a build step:

https://github.com/developit/htm