1、前言

本人是一名刚好三年经验的前端开发人员，主要的技术栈是Vue。学习react的动机有以下两点：
1、通往高级前端开发的路上React和Vue都是要精通的。
2、面试的时候选择面更广（大厂用react的更多），以后在项目开发中也可以多一份选择。

在学习的过程中对react的知识点作分享，如果有不对的地方请大家指出。

2、学习环境搭建

有三种环境可以选择：
1. cdn的方式，或者直接把代码下载下来（方便看源码）

<script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> 

2. react官方脚手架

全局安装 npm install -g create-react-app
在你想要的目录中执行 create-react-app
切换目录然后 npm install

3. vite2（推荐）

尤雨溪推出的新一代前端构建工具，构建速度太快了，开发起来很爽
命令行执行 npm init @vitejs/app 选择react就可以了。安装完毕后再切换目录，执行npm install，npm run dev

以上三种推荐vite2，太爽了。

用vite2安装完后，目录结构和localhost:3000界面如下：

可以把src目录下的其他文件都删掉，只保留App.jsx和main.jsx，然后删除两个文件中没有用到的import

注意事项，npm run dev的时候可能会报错，

如果出现这样的错误，在控制台执行node node_modules/esbuild/install.js，然后npm run dev就可以了。