React简单介绍及应用

React介绍

react不是一个mvc的框架，它仅仅是V层。它是一个鼓励构建随着数据变化而改变UI表现的库。

React的特点

虚拟dom

什么是虚拟dom？

一种在内存中描述dom树状态的数据结构，当数据改变之后，diff出最小的dom改变，渲染dom元素。

符合声明式编程的思想

声明式编程（what）：告诉“机器”，我们想要什么，让“机器”去做。

命令式编程（how）：告诉“机器”，怎么做。

可构建可复用的组件

符合api的思想

什么是api的思想？

例如和后端制定接口一样，我们约定好， request以及response。用在react组件上，就是我们规定要组件需要接受的参数，在创建组件时传递所需参数。

（截图）以dom结构形式调用组件

react组件模型

树状图例说明

react 更加符合封装思想

template、js 、css 都可写在一个文件中，但是由于css是通过一个对象引入的，所以对动画支持的并不好。

react和redux结合

redux介绍

数据管理器，用redux充当react的model层，统一管理model,model的所有改变都需要通过redux

react 和其他mvc库的比较

backbone

react完美的解决了，backbone view层对dom的整体刷新。

解决backbone model的混乱

vue.js

vue是一个mvvm框架，支持数据双向绑定，最小的dom改变。但是vue的dom最小改变，是借助于真实dom

vue 也是符合封装思想的，但是比较混乱，组织的并不好，但是对动画支持很好。

vue对dom限制比较多， 但是数据双向绑定，这个避免不了的