我正在尝试在 Ubuntu 上将 React.js 用于 Web 开发项目，但我不知道如何设置它。请注意，我是初学者，之前只使用过 Javascript 和 JQuery。我尝试按照此处的说明进行操作，并且我认为我已经达到了应该配置 Babel 的地步。在这里，在我跑的终端

npm install --save-dev babel-cli babel-preset-react babel-preset-es2015

echo '{ "presets": ["react", "es2015"] }' > .babelrc

echo 'console.log([1, 2, 3].map(n => n + 1))' > index.js

./node_modules/.bin/babel index.js

我得到的输出是：

"use strict";

console.log([1, 2, 3].map(function (n) {
  return n + 1;
}));

这很好，但我希望能够像往常一样运行带有相应 .js 文件的 html 文件。事实上，当我写一些类似的东西时

import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

使用相应的 html 文件，我只会收到控制台错误（意外的令牌插入或其他内容）。显然，我还没有设法安装 Ecmascript/JSX 或其他任何东西，而且我真的不知道我在做什么。

所以，我想我的问题是，谁能帮我详细解释如何开始？我只想能够用 React 编写 Javascript，并创建一个简单的网页。谢谢！