学习react no.1

react 定义

react是一个用于构建用户界面的JavaScript库,衍生出了reactNative项目,目标希望用webapp的方式写nativeApp;

react 特点

1. 申明式设计 -- react 采用申明范式,可以轻松描述应用
2. 高效 -- react通过对dom的模拟,尽量的减少dom操作
3. 灵活 -- react 可以与已知的库和框架很好的融合
4. jsx  -- jsx 是JavaScript语法的扩展,react 开发不一定用jsx,但是推荐
5. 组件 -- 通过react 构建组件,可以使代码更容易得到复用,能够更好的应用到大项目中去
6. 单项响应的数据流 -- react 使用了单项响应的数据流,从而减少重复代码

react

使用时可以直接静态文件引入
ex:
<script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
<script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>

这三个库,reac:react核心库;react-dom:提供与dom相关的功能;
babel:可以将es6转化成es5;babel内嵌了对jsx的支持;

简易安装react 项目
1.安装有nodejs;
2.使用 npm 安装命令 :
    $ cnpm install -g create-react-app
    $ create-react-app my-app
3.删除新项目中的src/文件夹下的所有文件(不要删除文件夹)