从零开始，学习React(一)

我就是我，我就是菜的抠脚的痴心。从这篇文章开始，开始正式的去学前端三大框架之一的react。话不多说，我们肘着~

react的基本认识

Facebook开源的一个js库，结合生态库构成一个MV＊框架，一个用来动态构建用户界面的js库

React生态：React+React-Router+Redux+Axios+Babel+Webpack

react的特点

跟vue一样，作为一个开源js框架，react也有他自己的特点。其特点主要有以下几点：

• Declarative(声明式编码)
• Component-Based(组件化编码)
• Learn Once, Write Anywhere(支持客户端与服务器渲染)
• 高效（高效的DOM Diff算法，最小化页面重绘）
• 单向数据流（父组件只能将数据一层逐步往子组件传递，子组件向父组件也是只能一层层的往传递数据）

react的环境搭建

当然react也会有属于自己的环境搭建。以我以往的经验 老规矩，还是看文档

教程：https://www.runoob.com/react/react-tutorial.html
文档：http://caibaojian.com/react/

本着记录学习的态度，开始记录自己的搭建react之前的的准备工作。

1. 安装node.js，查看版本号

node.js直接去百度下载一个，傻瓜式安装。不用多说。然后控制台 node -v查看版本号

2. 安装cnpm，代替npm，查看版本号。

也可以用npm，但是推荐使用cnpm（淘宝镜像），速度更快一些。

3. yarn，查看版本号。

 

不会安装yarn的童鞋，可以查看官方文档：
使用安装命令：npm i -g yarn

以上3步骤 最基本的了，不做过多的叙述。

4. 安装react 的脚手架。

cnpm  install -g  create-react-app

然后我们要做的就是等他安装结束

5.在自己选定的磁盘 新建一个文件夹，作为项目目录

6.进入文件夹，创建个项目

cd进入项目文件夹，输入以下代码，等待

create-react-app reactdemo

7.cd 到刚刚生成的项目文件里面,运行项目

reactdemo
使用yarn start或者 npm   start

弹出浏览器，显示界面，react环境安装完成了

到此，react项目的搭建结束~，忽然觉得 跟vue差不多嘛~，操作步骤都是一样一样的。