React.js 0.14 JSX 转换替换答案

【问题标题】：React.js 0.14 JSX Transform ReplacementReact.js 0.14 JSX 转换替换
【发布时间】：2016-05-07 20:08:58
【问题描述】：

我正在学习一些 React.js 入门课程，以更加熟悉 React 和 ES6 格式。不幸的是，这些课程是在 JSX Transformer 可用的 0.13 期间创建的，我不想为每个练习文件设置一个 node.js 环境。似乎 babel-browser 也已停产，并且 babel-standalone 需要的不仅仅是脚本属性中的一个类型来编译，所以似乎都不是一个解决方案（除非我误解了独立）。

有什么东西可以像 JSX Transformer 曾经那样简单地处理转换吗？

提前致谢！

【问题讨论】：

JSbin 将为您转换 JSX 和 ES6。只需在 JavaScript 下拉菜单中选择 ES6 / Babel 设置即可。
谢谢。很高兴了解其他网站。我知道我可以用 JSFiddle 做类似的事情，并且我有自己的使用 browserify 和 babel 的 node.js 反应环境，但我真的想找到这个特定问题的答案。 React 开发人员声称，使用 babel 也有同样简单的方法可以完成此任务，以及他们继续离开 JSX Transformer 和 react-tools 的原因。
介意我问为什么“不”节点？您不必“设置环境”，只需下载节点，克隆一个包含 react-transform 的 github 存储库，就完成了！
这不是“拒绝节点”的情况。它想知道替换是什么，这样当我想编写简单的测试脚本时，我就不必担心设置一个完整的环境来进行转换。同样，我有节点环境，我可以移动文件，并让 browserify/babel 监视更改，但是在学习这些有很多不同文件的课程时，为每个环境设置一个环境或移动是不现实的重命名所有文件后，将所有文件放到一个中心位置。

标签： reactjs

【解决方案1】：

react 站点教程 (http://facebook.github.io/react/docs/tutorial.html) 似乎动态使用 babel。

<!-- index.html -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>React Tutorial</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.2/marked.min.js"></script>
  </head>
  <body>
    <div id="content"></div>
    <script type="text/babel" src="scripts/example.js"></script>
    <script type="text/babel">
      // To get started with this tutorial running your own code, simply remove
      // the script tag loading scripts/example.js and start writing code here.
    </script>
  </body>
</html>

【讨论】：

哈哈。我刚刚在教程中看到了这一点，感觉就像一个完整的菜鸟。感谢您回答我的问题！