reactjs - React JS 是否需要 node js 和 JSX

Question

我们选择了 react JS 0.14.8 作为前端，因为它支持 IE 8 浏览器，但是 Node JS 或 JSX 是 React JS 开发所必需的，或者我们可以在没有 Node JS 或 Jsx 的情况下创建组件

Answer 1

是的，您可以在没有 nodejs 和 jsx 的情况下创建 ReactJs 应用程序。

但是为什么你应该使用 JSX？

JSX 提供了一种非常简洁的方式来声明您的 UI 组件。
您可以使用您熟悉的 html 语法来声明您的用户界面。
JSX 被转堆并转换为代表 ui 元素的轻量级对象。
例如
您可以使用以下方式通过以下方式声明 react js

1.jsx

const App = () => {
  return (
          <div><h1>Welcome to React</h1></div>
    );
}

或者

2.没有jsx

const App = function App() {
  return React.createElement(
    "div",
    null,
    React.createElement(
      "h1",
      null,
      "Welcome to React"
    )
  );
};

你可以猜出哪一个容易写。

为什么要使用 nodejs 来构建浏览器项目？

在浏览器上运行网站从不需要 nodejs。
但是 nodejs 生态系统为您提供了数以千计的 npm 模块供您在项目中使用，而无需仅为您的项目重新发明它们。

没有 nodejs你可以使用 CDN 提供商 并添加了 <script>标记以使用任何库。但是使用模块捆绑器和静态 Assets 生成器，例如 浏览器化 和 网页包您可以直接在您的 Web 项目中利用 nodejs 生态系统的强大功能(不需要 nodejs 运行时环境，而是在浏览器中运行)。

下面的片段使用 <script>标记以使 reactjs 在没有 nodejs 的情况下可用。

const App = () => {
  return (
          <div><h1>Welcome to React</h1></div>
    );
}

ReactDOM.render(<App />, document.getElementById('app'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="app">
</div>