React框架本身和我们常用的JavaScript MVC框架，如：AngularJS，Backbone，Ember等，没有直接的可比性。在React的官方博客中明确阐述了React不是一个MVC框架，而是一个用于构建组件化UI的库，是一个前端界面开发工具。所以顶多算是MVC中的V（view）。React并没有重复造轮子，而是有很多颠覆性的创新，具体的特性如下：
编写简单直观的代码
在年初的React开发者大会上，React的项目经理Tom Occhino讲述了React的最大的价值，React最大的价值不是高性能的虚拟DOM、封装的事件机制、服务器端渲染，而是声明式的直观的编码方式。React号称能让新人第一天开始使用就能开发新功能。简单的编码方式会让新手能很快地上手，同时也降低了代码维护的成本。这一特性决定了React能快速引起开发者的兴趣并广泛传播的基础。以下是React基于这一理念的具体做法。
简化可复用的组件
React构建UI是使用组件化的方式，而不是常见的模板。组件并不是一个新概念，它是某个独立功能或者界面的封装，达到复用或者UI和业务松耦合的目的。
组件化的设计理念也出现了很多年了，我们常用的ExtJS、YUI、jQueryUI、BootStrap等等都会提供大量的可复用的UI组件。比如在Bootstrap中使用对话框组件：
// 初始化
$('#myModal').modal({
keyboard: false
});
// 显示
$('#myModal').modal('show');
// 关闭事件
$('#myModal').on('hidden.bs.modal', function (e) {
// do something...
});
可以看到我们常用的这些组件提供了大量的接口和配置，让开发者选择合适的使用场景。这些组件的设计复杂，使用也较繁琐，新人上手有一定的门槛。W3C也在加紧制定Web Components（即组件）的标准，试图制定一个统一的简单实用的标准化的组件概念。我们看看React是如何设计组件模型的以及其和Web Component的区别。
React框架里面使用了简化的组件模型，但更彻底地使用了组件化的概念。React将整个UI上的每一个功能模块定义成组件，然后将小的组件通过组合或者嵌套的方式构成更大的组件。这种做法已经在instagram网站上普遍实施，大家可以看看instagram的前端源代码。 如下通过一个简单的例子来阐述React中模块化的概念。这个例子来自于React的官方网站教程，是完成一个简单的评论框。这个评论框主要包含两个部分，评论列表和评论表单。显示效果如下：
按照React模块组合的设计，把评论框组件commentBox分为两个子组件模块：commentList和commentForm，代码如下：
具体内容参考：https://www.cnblogs.com/se7en-lan/p/5464135.html
网友评论