React入门方法

学习react之前，需要掌握的基本能力

• 熟悉html和css
• 熟悉JavaScript
• 对于DOM有基本的了解
• 熟悉es6语法和特征
• node.js和npm已经安装了

开发工具

ide使用vscode、sublime、idea都行，怎么开心怎么来，使用记事本开发都没事

这篇文档的目标

• 学习必要的React概念和相关的术语，比如Babel，Webpack，JSX，Components，props，state，lifecycle
• 创建一个涉及以上概念的简单的React应用

创建React应用

Facebook有一个示例app，直接拉取下来就能运行

1、在前端workspace目录下拉取、并把项目重命名为react-tutorial

npx create-react-app react-tutorial

2、进入项目，并运行

cd react-tutorial && npm start

3、运行之后，自动打开浏览器的效果

项目层级

react-tutorial

​ | node_modules

​ | public

​ | src

​ | index.css

​ | index.js

​ | .gitignore

​ | package.json

​ | README.md

---

拉取脚手架之后，在index.js文件下添加你写的代码，就能看到效果了

学习React最好，最全的地方：

React官网文档