没有构建步骤的React

Question

我正在看这篇文章，这个人在没有构建步骤的情况下做出反应。但他通过摆脱jsx来做到这一点。 https://shinglyu.github.io/web/2016/04/06/minimal_react.html

但我想保留jsx。我看到有一个jsfiddle设法运行jsx而无需执行构建步骤： https://jsfiddle.net/hganz/gk9kaopr/

var App = React.createClass({
    render: function () {
    return (
        <div>
        <h3>Todo List:</h3>
        <TodoListContainer />
        <TodoFormContainer />
      </div>
     );
  }
 });

但这是如何运作的。不需要将jsx编译为javascript代码吗？或者这个jsfiddle使用某种特殊的库来做到这一点。如果是这样的话，为什么撰写文章的作者在＆＃34;最小的反应＆＃34;不要那样用。

Answer 1

JSX is just a synthetic sugar for React.createElement.
至于您提供的jsfiddle，it uses the babel polyfill作为外部资源 我猜这是你缺少的构建步骤。