在有或没有jsx的情况下使用React

Question

我正在学习React并且不确定如何使用，但是我能够在没有jsx的情况下运行一个简单的应用程序，我的js文件开始如下：

class TestClass extends React.Component

我需要使用jsx还是可以改为使用js文件？ 使用jsx文件有什么好处？

我的html文件包含以下脚本：

<script src="https://fb.me/react-0.14.5.js"></script>
<script src="https://fb.me/react-dom-0.14.5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js"></script>
<script type="text/babel" src="main.js"></script>

这是在生产环境中使用React的正确方法吗？

非常感谢！

Answer 1

来自Facebook ：

您不必将JSX与React一起使用。 您可以只使用普通的JS。 但是，我们建议使用JSX，因为它是用于定义带有属性的树结构的简洁且熟悉的语法。

以我的经验，JSX一目了然容易理解，并且极大地改善了反应体验。

您不应在生产环境中包含browser.min.js脚本，因为这将要求每次加载页面时都对代码进行编译。 而是遵循此入门指南，并使用Webpack / Babel / Browserify转换代码，然后进行部署。