美文网首页
React简单介绍及应用

React简单介绍及应用

作者: 卞卞村长L | 来源:发表于2017-09-27 01:04 被阅读42次

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介绍 react不是一个mvc的框架,它仅仅是V层。它是一个鼓励构建随着数据变化而改变UI表现的库。 R...

  • React简单介绍及应用

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

  • React介绍及应用

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

  • ReactNative入门-React基础

    本节包含内容有 React背景及特点创建React应用开始第一个简单程序 - 运行Hello WorldJSX语法...

  • React Native原理及坑点总结

    一、React Native原理及流程介绍 (一)、RN前端调用native整体流程; js调native简单流程...

  • React hook 10种 Hook

    React hook 10种 Hook (详细介绍及使用) React Hook是什么?React官网是这么介绍的...

  • React组件之间的跳转及通信(传值)

    这篇先介绍了React组件之间传递值的几种类型及方式,最后还介绍了单页面应用开发过程中,遇到的兄弟组件之间的跳转及...

  • iCarousel的简单介绍及应用

    iOS开源类iCarousel介绍 iCarousel是一个类,它继承于UIView,用于简化实现各种类型的旋转木...

  • WebRTC笔记

    WebRTC介绍及简单应用 WebRTC,即Web Real-Time Communication,web实时通信...

  • React Native学习笔记(四)

    本文介绍了MobX中一些简单的概念及React Native中的应用。 本文首发:http://yuweiguoc...

网友评论

      本文标题:React简单介绍及应用

      本文链接:https://www.haomeiwen.com/subject/cekyextx.html