前言
这是我的react自学笔记。大前端的时代，工程化，组件化的思想促成了前后端分工。前端不再满足小小的页面布局，正在扮演着愈发重要的角色。整理这套笔记，我也参考了很多东西。在学习过程中，我看了三套视频教程，黑马的，慕课网的，阮老师的。
React简介
- A JavaScript library for building user interfaces.官网的解释就这一句，用于构建用户界面的js库。给我的感觉是低调奢华有内涵。
- 背靠脸书的react从2013发布到现在，说是全球最火也不为过。当然，这种情况在国外更明显，国内目前还是vue占上风，但react市场份额同样不小。
- 目前国内的一二线互联网公司大部分都在使用React进行开发，比如阿里、美团、百度、去哪儿、网易 、知乎这样的一线互联网公司都把React作为前端主要技术栈。或者你可以去招聘网站看看，只要是前端，基本上三大框架都要求你至少懂一个，当然，更多的要求你懂vue或者react。至于angular，相对笨重，现在份额少的可怜。
开发环境搭建
在开始前，请确保你的电脑安装了node，不知道装没装，就命令行工具node -v 一下，有版本号是成功安装的。下载链接下载对应你电脑的版本，要用稳定版，切记 。
安装官方脚手架create-react-app
npm install -g create-react-appnpx create-react-app myapp
运行项目
cd myapp
npm start
效果图
目录结构介绍
由上往下依次介绍
| 文件名 | 说明 |
|---|---|
| node_modules | 项目依赖包，如果你学过node，对这个应该很熟悉 |
| public | 开放出去的公共资源，如果你想读取本地json，请放这个目录下 |
| favicon.ico | 网站图标 |
| index.html | 首页的模板文件 |
| mainifest.json | 移动端配置文件，先不用管 |
| src | 放源码的位置，也是对我们开发者而言最核心的东西 |
| App.css | 首次运行项目时的样式 |
| App.js | 根组件 |
| App.test.js | 看文件名就知道是App.js的测试文件 |
| index.css | 一些公共样式 |
| index.js | 项目的入口文件，根组件挂载根元素 |
| logo.svg | 一个小图片，不用管 |
| serviceWorker.js | 移动端离线浏览相关，不用管 |
| gitignore | git配置忽略文件，不需要上传的可以写里边，比如node_modules文件夹 |
| package.json | webpack配置和项目包管理文件，里边有些命令脚本和依赖，先不用管它 |
| README.md | 项目说明文件，先不用管它，等托管github或实际工作使用以markdown语法编写就好 |
| lock文件 | package-lock.json或者yarn.lock都是锁定安装版本号的，保证你托管GitHub后大家下载安装的依赖是一致的 |
react学习持续更新中~~~~~~
