构建一个结合AngularJs和ReactJs组件的web应用程序值得吗

我有一个用AngularJs 1.x编写的web应用程序，所以我决定将其转换为AngularJs2或ReactJs+AngularRJS2。选择ReactJs的原因是它的渲染速度比AngualrJs快，我选择AnguarJs是因为它是双向数据绑定，我可以保持我的旧模型不变，并将数据绑定到ReactJs组件中。我更喜欢AngualrJs数据模型，而不是。我决定在ReactJs中创建可重用的HTML组件，并将AngularJs模型数据绑定到其中

使用AngualrJs+ReactJs的示例代码片段

angular.module('app').directive('greeting',[function(){
    return {
        restrict:'AE',
        scope:{name:'@'},
        link: function (scope, elem, attrs){
            var GreetingSection = React.createClass({displayName: 'Greeting',
                render: function() {
                    var message = "Good morning " + this.props.data.name + ", how are you?";
                    return React.createElement('div', {className: "greeting"},message);
                }
            });
            React.renderComponent(GreetingSection({data:scope}), elem[0]);
        }
    };
}]);

我的问题是,

如果我将AngualrJs（2.x或1.x）与ReactJs组件结合使用，是否有性能优势

在没有ReactJs的情况下，我可以使用AngularJs 2.x实现更快的渲染吗

---

请帮我做个决定。

不确定是否同时使用这两种方法，但可以 您应该将这些功能一起使用，看看是否可以改进您的应用程序。

---

Reactjs将帮助您提高渲染速度，但angular js 2.x将帮助您提高性能

分析： 注意：我两个都用过

记住，在互联网上所有的表演帖子上都有微秒的差别&人们开始喊“这太快了”，“那太慢了”。。。你会注意到的。两人都有着激烈的表演

所以，如果你真的担心性能，那么试着根据以下标准对你的应用进行分类

这样您就不会在ui上加载“角度10 libs”+“反应10 libs”=20 libs，而不进行分析

角度类别

以双向数据绑定而闻名

最适合在UI Eg上进行大量数据计算-

费率*数量=金额

它的顽固（类型化语言，框架驱动）用于创建组件

反应类别

以组件简单性和渲染而闻名

最适合在UI上进行大量视觉更改，例如：在地图上添加批量标记

对于UI上的大量数据计算来说，最糟糕的是-

rate*quantity=amount

。因此，如果错过1

setState（）

，最终计算将出错

困惑： 所以，若这个人想同时使用这两个库，那个么他并没有明确定义他的用例，因为在使用了这两个库之后，他将添加额外的几十个库，这将降低另一方应用程序的速度

所以，若一个人只选择了一个，那个么他的方向就非常正确&他的用例分为以上两类

注: 选择两者中的1在很大程度上取决于您使用双向数据绑定功能/setState的数量、严重程度、主要程度。 在react for双向数据绑定中，您必须编写

setState（）

，而在angular中，您没有这种张力

因此，如果您的ui数据计算量非常少，比如每个表单2..3次，那么react很好，否则直接选择angular

例如：假设您在本地状态下有40个计算，如

rate*quantity=amount

，那么在react中您必须写入

setState（）

40次。因此，您缺少1个setState，最终的数字将是错误的。因此，在这种情况下，最好使用angular

例如：假设你有40个处于redux状态的计算，那么写40*50额外的编码行是很困难的

用于1计算

在angular中，您将在angular中写入总共1行

但react Action 4条线，Reducer 5条线，Component 3内衬react总共12条线。

忠告: 如果您不确定，则选择angular，因为它具有所有极端情况特征

结论:

---

不值得将angular与react结合起来

angular 2不向后兼容，如果你在AngularJS中有一个应用程序，你必须在angular 2中再次重写它。你将无法使用大量的代码。你的答案需要一些来源，这些都是相当大胆的主张。