Question

我有以下反应html页面内容，我想知道这种反应式开发的问题。主要是我不使用任何捆绑工具。我是一个新手，发现这很容易开发和与服务器端语言集成。

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My First React Example</title>
  </head>
  <body>
    <div id="greeting-div"></div>

    <script src="react.development.js"></script>
    <script src="react-dom.development.js"></script>
    <script src="browser.min.js"></script>
    <script>
    </script>
    <script type="text/babel">

      class Greeting extends React.Component{
        render() {
          return (
            <p id="test">Hello, Universe</p>
          )
        }
      };

      ReactDOM.render(
        <Greeting/>,
        document.getElementById('greeting-div')
      );
    </script>
  </body>
</html>

Answer 1

你无法进行热重新加载，这在React中非常棒。

它也会非常精确地缩放，因为你将所有元素都放在同一个html中。

为它运行linter /任何代码分析工具可能会很糟糕。

您应该尝试使用create-react-app：https://github.com/facebookincubator/create-react-app，它非常简单，您可以获得非常好的开发设置。

Reactjs开发设置

1 个答案: