React 梳理

前端之家收集整理的这篇文章主要介绍了React 梳理前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Why React

  • 简单

    简单的表述任意时间点你的应用应该是什么样子的,React将会自动的管理UI界面更新当数据发生变化的时候。
    

在普通页面中,如果点击按钮让一个页面发生变化,操作如下

    $('button').on('click',function(){
        $('showBox').toggle();
    })

看起来并不复杂,但是我操作了dom元素
在react中,如果点击按钮让一个页面变化,操作如下

    hanldeOnPress(){
        this.setState({
            show:!show
        })
    }

这些都是核心代码,暂时可能还看不出来,react是不需要操作dom元素的,只是修改各种状态,它是替你去把页面给渲染的。

  • 声明式

    在数据发生变化的时候,React从概念上讲与点击了F5一样,实际上它仅仅是更新了变化的一部分而已。
    React是关于构造可重用组件的,实际上,使用React你做的仅仅是构建组建。通过封装,使得组件代码复用、测试以及关注点分离更加容易。
    
  • React不是一个MVC框架,它是构建易于可重复调用的web组件,侧重于UI,也就是view层

猜你在找的程序笔记相关文章