React和JSX与ES5

Question

我开始使用React，我想在ES5中编写我的应用程序。我为script，react.min.js和我自己的react-dom.min.js文件创建了一个包含app.js标记的html。现在我需要做些什么才能在我的JavaScript文件中编写JSX？

1. 预处理（JSX到JS）通常是在服务器上完成的吗？或者有没有办法在客户端上做到这一点？
2. 我想保持我的开发堆栈简单。我是否需要查看webpack或有更简单的方法来处理JSX（例如通过npm脚本或通过快递）？
3. 每个人似乎都在使用巴贝尔。如果我写简单的旧ES5，我可以不用吗？

P.S：我将在服务器端使用NodeJS和Express来提供应用程序。

Answer 1

我会尽可能详细地回答您的问题：

1. 您可以使用Browserify在服务器上转换JSX并节省一些时间，React将为其所有组件添加一个标志，以标记在服务器中呈现的组件，但是现在大多数人正在使用webpack来转换所有运行应用程序之前的代码。您也可以在客户端上执行此操作，但我建议您在运行应用程序之前进行编译。
2. 您可以使用browserify与npm一起将您的代码与babel一起转发，然后再运行
3. 是的，只要您的资源管理器和客户的资源管理器支持ES5，您就可以立即支持ES5，如果不是，您将收到错误并且无法正常工作，这就是为什么每个人都使用babel来支持ES5或ES6的原因主要是所有的浏览器。

希望这对你有帮助！