Кто пользовался Angular Light? Выбираю между ним, React.js, Mithril

Angular Light стал ещё быстрее, тест "список 10к" тут: JTT [lega911.github.io]
Ещё есть такой тест: dbmon [mathieuancelin.github.io]
И тест скорости todo-приложения: DoYouEvenBench [nin-jin.github.io]

В последнем тесте AL в 2 раза быстрее чем Angularjs 1, и Mithril

"Angular Light: Example": 407.1650000000009,
"AngularJS: Example": 868.9300000000076,
"AngularJS: AngularJS Optimized": 818.4749999999985,
"AngularJS: TypeScript & AngularJS": 942.830000000009,
"$jin2_view: Example": 598.4300000000003,
"Mithril: Architecture Example": 849.4199999999983,
"React: Example": 1226.619999999988,
"React: React + Backbone.js": 3274.5050000000047,
"React: Scala.js + React": 2424.179999999993,
"React: TypeScript + React": 1082.600000000013,
"React: React + Alt": 1248.7699999999968

Хотя скорость - это не главная "задача" AL, простота разработки важнее.

@kostyl, У реакта идея хорошая, но с ним тоже не все гладко, тоже куча проблем и сложностей, судя по SO и тостеру.
Если вы используете jQuery, а он почти в каждом серьезном веб проекте, то у вас серверного рендеринга не будет.
Он медленней чем Ангуляр, судя по тестам.

Но больше всего мне интересно, как реакт разработчики работают с дизайнерами? С ангуляром - понятно, дизайнер дал мне пачку html файлов, я вставил "метки" где нужно - все заработало. А с реактом что? мне нужно все дербанить на куски, конвертировать в jsx, впихивать логику/js и т.п. Что потом делать когда дизайнер поправит или доработает дизайн? Наверно реакт разработчик должен быть и верстальщиком в одном лице.

Кстати у реакта уже появилось ~20 конкурентов (vdom реализаций).

то у вас серверного рендеринга не будет

@Oleg, а можешь пояснить почему, а то я не шарю?

@CTAPbIu_MABP можешь рассказать почему ты проголосовал за реакт плиз?

дарова

мне не очень нравиться постановка вопроса в голосовании
я бы не ставил angular и react рядом с остальными
то есть я бы поставил их в ряд с extjs
a knockout я бы сравнивал с ember
но это сказки

реальный вопрос: кто сильнее кит или слон.
и ответ на него зависит от среды на которой ты кодишь

если ты пишешь бэкенд на php, то наверное все равно или ангуляр, потому что там говнокодить проще
не то, что бы я говорил, что ангуляр гавно, но он весь и полностью построен на рефлексии
и все эти передачи скоупов и прочих контекстов настолько неявны что в них можно потеряться
а если до кучи использовать лайвскрипт то получиться, такая хуйня, от которой @vasa_c будет плакать

.service 'modalService', [
  '$modal'
  ($modal) ->
    modalDefaults = 
      backdrop: true
      keyboard: true
      modalFade: true
      templateUrl: 'templates/modal.html'
    modalOptions = 
      closeButtonText: 'Close'
      actionButtonText: 'OK'
      headerText: 'Proceed?'
      bodyText: 'Perform this action?'

    @showModal = (customModalDefaults, customModalOptions) ->
      if !customModalDefaults
        customModalDefaults = {}
      customModalDefaults.backdrop = 'static'
      @show customModalDefaults, customModalOptions

    @show = (customModalDefaults, customModalOptions) ->
      #Create temp objects to work with since we're in a singleton service
      tempModalDefaults = {}
      tempModalOptions = {}
      #Map angular-ui modal custom defaults to modal defaults defined in service
      angular.extend tempModalDefaults, modalDefaults, customModalDefaults
      #Map modal.html $scope custom properties to defaults defined in service
      angular.extend tempModalOptions, modalOptions, customModalOptions
      if !tempModalDefaults.controller

        tempModalDefaults.controller = ($scope, $modalInstance) ->
          $scope.modalOptions = tempModalOptions

          $scope.modalOptions.ok = (result) ->
            $modalInstance.close 'ok'
            return

          $scope.modalOptions.close = (result) ->
            $modalInstance.close 'cancel'
            return

          return

      $modal.open(tempModalDefaults).result

    return
]

плюс дебаг/тесты это отдельный адочек - из-за всей этой рефлексии и депенденси инжекшн, естественно
нужно использовать жасмин с кармой и ангулярной приблудой для моков
опять же против этих тулзей ничего не имею, но все в сумме мне не нравится

и еще один факт в копилку: ангуляровское добро цепляется за готовый html
и надо следить, что бы они друг другу соответствовали

теперь немного про реакт
сам по себе реакт это просто описания жизненного цикла компонентов типа как backbone
фреймворком он становиться после спаивания с react-route (history), bootstrap (react-route-bootstrap, react-bootstrap) flux и прочими либами
и вроде как модульность это хорошо, но, сука, они там со своими модулями заебали - это с этим работает, а с другим нет и в версиях полный бардак.

большое преимущество дает поддержка es6/7 чувствуешь себя на пике горы,
он восторга спасают тормоза бабеля, которым это все собирается
плюс eslint имеет модуль для работы c jsx - тоже удобно для чистоты кода
flow, правда, прикрутить так и не удалось - не хватило терпения

"use strict";

import React from "react";

export default class DeleteDialog extends React.Component {
    render() {
        return (
            <div className="modal fade" id="confirmDeletionModal" tabIndex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div className="modal-dialog">
                    <div className="modal-content">
                        <div className="modal-header">
                            <button type="button" className="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 className="modal-title" id="myModalLabel">Confirm delete</h4>
                        </div>
                        <div className="modal-body">
                            <p>Are you sure?</p>
                        </div>
                        <div className="modal-footer">
                            <button type="button" data-dismiss="modal" id="buttonConfirmCancel" className="btn btn-primary">Cancel</button>
                            <button type="button" data-dismiss="modal" id="buttonConfirmDelete" className="btn btn-danger">Delete</button>
                        </div>
                    </div>
                </div>
            </div>
        );
    }
}

очень удобно ложится на серверную часть на js
можно использовать одни и те же пакеты на клиенте и на сервере
горячая перезагрузка при помощи webpack - вообще сказка
дебаг простой, сорсмап - рулит

тесты можно писать на чем угодно, мои на mocha

там еще говорили про серверный рендеринг, удобно, чо!
но если бы увидел jxs который бросает sql запросы вырвал бы руки

Если вы используете jQuery, а он почти в каждом серьезном веб проекте, то у вас серверного рендеринга не будет.

@Oleg, это кстати неправда
реакт вполне себе жизнеспособен без жуквери в отличии от ангуляра
то есть конечно жуквери делает жизнь намного проще
но react-bootstrap написан без жуквери и не уступает оригиналу по функциональности

но react-bootstrap написан без жуквери и не уступает оригиналу по функциональности

@CTAPbIu_MABP, так а Ajax использовать с помощью чего?