react入门学习及总结

react入门学习及总结，快速开始 https://zh-hans.reactjs.org/docs/getting-started.html

react简单介绍
官网及中文文档
https://reactjs.org
https://github.com/facebook/react
https://react.docschina.org/

和vue一样，react是一个用于构建用户界面的 JavaScript 库,起初只是Facebook的一个内部项目，用来架设 Instagram 的网站，后于2013年5月开源

特点
1、使用 JSX语法 创建组件，实现组件化开发，为函数式的 UI 编程方式打开了大门
2、性能高的让人称赞：通过 diff算法 和 虚拟DOM 实现视图的高效更新

核心概念
1、虚拟DOM（Virtual DOM）
2、Diff算法（虚拟DOM的加速器，提升React性能的法宝）

create-react-app安装
像vue-cli一样，官方为我们提供了一个create-react-app脚手架，通过脚手架安装，无需再配置webpack相关东西。
详情可以查看create-react-app文档

全局安装
npm install -g create-react-app
创建项目
create-react-app hello-react

创建完成之后
cd hello-react
npm start
接着我们就可以通过浏览器访问
http://localhost:3000/

项目生成后，默认目录结构包含
public和src两个文件夹 ，其中public里的index.html是整个项目的首页，最终所有的组件内容会挂载到这个页面中；
src下面就是我们编写组件的地方，默认里面有index.js文件，是一个入口文件

除了npm start命令之外

默认还为我们提供了以下命令
npm run build 用于生产环境编译打包
npm test 测试
npm run eject 这个是用来显示默认的配置文件，实现自定义的配置修改，如webpack相关的配置，这个命令属于单向操作，一旦使用，就不能恢复了。