Create a New React App

    创建一个最简单的react app

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

    如何运行呢?
    我们需要选择一个脚手架来帮助完成 hello word程序的运行, 这里我们选择 create-react-app
    哦,对了!我们实际的前端开发选择的不是create-react-app,因为太简单了。 我们需要一个架构级别的脚手架创建工具,这样可以帮助我们解决许多为非业务性的问题,例如 UMI ,可以让我们的前端开发更加容易、规范。

    creat-react-app 是什么?(参考 https://zh-hans.reactjs.org/docs/create-a-new-react-app.html
    为了搞清这个答案,我们先按照以下步骤来

    首先安装好node(建议安装最新版本), 逐步执行以下命令

    
    npx create-react-app my-app
    cd my-app
    npm start
    

    完成之后,看看我们的目录结构

    1571800245(1).png

    让我们把上面的代码复制进去如下图
    1571800346(1).png

    运行结果如下
    1571800461(1).png

    props

    state

    component

    content

    Higher-Order Components

    hook