react学习笔记（一）react项目搭建、目录介绍

React简介

首先React.js是全球最火的前端框架由Facebook推出的前端框架，国内的一二线互联网公司大部分都在使用React进行开发，比如阿里、美团、百度、去哪儿、网易 、知乎这样的一线互联网公司都把React作为前端主要技术栈。
React的社区也是非常强大的,随着React的普及也衍生出了更多有用的框架，比如ReactNative和React VR。React从13年开始推广，现在已经推出16RC（React Fiber）这个版本，性能和易用度上，都有很大的提升。

React优点

生态强大：围绕 React 有非常多的现成的工具让你可以直接使用。社区活跃，大量react周边产物，如蚂蚁金福的ant design;您还有什么样的理由不选择React？

上手简单: vue对新手更友好，react相对来说学习路线更陡;你可以在几个小时内就可以上手React技术并搭建一个React项目、但是他的知识面很广需要花费一定的时间来进行学习才能驾驭React

社区强大：你可以很容易的找到使用React的人一起学习。

项目搭建
一、安装Node.js
这里就不详细讲解node安装、如果不会请自行访问http://www.baidu.com进行搜索node安装一大堆。
二、React脚手架的安装
Node安装好之后，你就可以使用npm命令来安装脚手架工具了，方法很简单，只要打开终端，然后输入下面的命令就可以了。

npm install -g create-react-app

create-react-app是React官方出的脚手架工具，其实还有很多第三方的脚手架工具
安装完毕脚手架后创建第一个React项目
创建第一个React项目
脚手架安装好以后，就可以创建项目了。

create-react-app demo   用脚手架创建React项目

项目创建完毕后进入项目文件夹并运行

cd demo   等创建完成后，进入项目目录    npm start  启动项目

浏览器可以打开网页，并正常显示图标后，说明我们的环境已经全部搭建完成了。
目录介绍
node_modules ：存放我们项目的依赖包
public文件夹
项目使用的公共文件
favicon.ico : 网站项目的图标，浏览器标签页的左上角显示的小图标。
index.html : 首页的模板文件。
src文件夹介绍
这个目录里边放的是我们编写的代码，我们平时操作做最多的目录。
index.js : 项目的入口文件。
index.css ：index.js里的CSS文件。
app.js : 简单的模块组件。
更目录其他文件介绍
README.md :这个文件主要作用就是对项目的说明，里面默认写了一些你可以自己参照它的格式对自己的项目进行说明。
package.json: 这个文件是webpack配置和项目包管理文件，项目中依赖的第三方包（包的版本）和一些常用命令配置都在这个里边进行配置。
package-lock.json：锁定安装时的版本号，保证其他人再npm install 时大家的依赖能保证一致。
gitignore : 这个是git的选择性上传的配置文件，比如node_modules文件夹git上传是默认被禁止上传的，该配置就在gitignore中进行配置的。