绝对初学者学习React

哦，这是一支“密码笔”。我以前见过别人用过，但我从来没用过。也许我会看到更多这些，我正在做一点网络开发？代码似乎很有趣：

function Square(props) {
      return (
          <button className="square" onClick={props.onClick}>
                 {props.value}
          </button>  
     );
 }

返回HTML标记的函数？用程序确定的参数和内容？那绝对不是我以前见过的。这似乎真的很有趣。我现在真的对建造这个东西很感兴趣。让我们回到教程页来学习如何构建它。

我想我对第一段的内容都很在行，但第二段就不太在行了。显然const语句指的是常量变量，对吗？我知道一般的课程是什么，但也许classes是不同的？箭头函数是lambdas，对吗？我以前在爪哇见过。也许我不用读ES6就可以搞定。。。

我讨厌做一些已经编写好的代码教程，所以我强烈反对选项1。取而代之的是，让我们选择2：

好的，我得先做这些设置步骤。我们走吧Node.js安装。这在Mac上非常容易，因为教程中的链接直接将我带到下载页面，在那里我下载一个*.pkg文件，该文件作为安装程序运行。超级快速和简单。

我想下一步是按照这些安装说明进行操作。我需要点击链接吗？还是直接执行命令？还不清楚。我点击链接：

看起来是一样的。因此，我将忽略该链接中的所有其他内容，只运行教程中的一个命令：

$ npx create-react-app my-app

…这个命令似乎要花很长时间才能执行。可能是因为这是我第一次使用npm/React而做了一些初始化工作？

Creating a new React app in /Users/andrew/my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...

⸨       ░░░░░░░░░░░⸩ ⠹ extract:eslint-plugin-flowtype: sill extract ...

……是的，就是这样。

这是我回来时看到的：

added 1980 packages from 735 contributors and audited 36246 packages in 163.458s
found 63 low severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details

Initialized a git repository.

Success! Created my-app at /Users/andrew/my-app
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd my-app
  npm start

Happy hacking