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限制比较多, 但是数据双向绑定,这个避免不了的

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • React介绍 react不是一个mvc的框架,它仅仅是V层。它是一个鼓励构建随着数据变化而改变UI表现的库。 R...
    卞卞村长L阅读 248评论 0 0
  • Vue也已经升级到2.0版本了,到现在为止(2016/11/19)比较流行的MVVM框架有AngularJS(也有...
    彬_仔阅读 27,295评论 12 114
  • 01.我记得你来过 家里依旧弥漫着你的香气。 时而清淡,时而浓郁 它悄悄钻进我的鼻腔 唤醒我脑海中名为“思念”的困...
    小伏地魔阅读 440评论 0 4
  • 第六回 榆次论剑 剑圣授招 耿列拍了拍腰间佩刀,说道:「此行若有缘得剑圣老人家...
    红尘久客阅读 495评论 4 6
  • 总是有大量的时间和自己相处,有时候会觉得这是一种孤独,孤立的状态。拿出通讯录,上面有三四百人的名单,却不知道有哪一...
    萌龙在天阅读 277评论 0 0