Подтвердить что ты не робот

AngularJS против ReactJS

Я решаю, какую инфраструктуру JavaScript использовать для моего нового веб-приложения. Я хотел использовать Angular, но недавно услышал об React. Проблема в том, что я не нашел действительно хорошего сравнения между ними. Большинство статей, которые проводят сравнение, "прореагируют" и не очень помогают сравнивать, но показывают, почему лучше реагировать. например.

https://www.codementor.io/reactjs/tutorial/react-vs-angularjs http://www.quora.com/Pete-Hunt/Posts/Facebooks-React-vs-AngularJS-A-Closer-Look

Любой реальный опыт или сравнение, в котором указаны плюсы и минусы обоих? Спасибо за ваш вклад

ОБНОВЛЕНИЕ. Может быть, небольшой пример поможет, как сделать то же самое в обеих фреймах и сравнить плюсы/минусы

Пример. У меня есть список компаний в таблице. Каждая строка - 1 компания, каждый столбец - это информация о компании (имя, адрес, количество сотрудников). Есть много записей, и мне нужно сделать некоторые подкачки и сортировку (серверная сторона)

4b9b3361

ОТВЕТЫ

Ответ 1

У меня есть разумный опыт работы с React, и в основном нет с Angular. Итак, что я скажу о Angular, это то, что я читал и слышал от других людей.

Реагировать

Pros

  • Легко учиться
  • Изолированные компоненты легче поддерживать
  • Способ Reactive React всегда хорош, чтобы понять, когда все становится сложным.
  • Flux - действительно хорошая альтернатива шаблону MVC. Односторонний поток данных помогает с ремонтопригодностью и сохранением данных и элементов DOM. В сочетании с структурами данных Immutable.JS, это вишня на вершине торта:)

против

  • Не играет хорошо с DOM-манипуляциями libs (например: jQuery)
  • Это действительно изменяет то, как вы это делаете, особенно если вы используете Flux, что хорошо, но для этого нужно немного привыкнуть.
  • Я нашел несколько случаев, когда повторная рендеринг каждый раз замедляет приложение, когда компоненты обрабатывают большой набор данных в методе рендеринга. Оптимизация производительности в этих случаях может немного затруднительно.

Angular

Pros

  • Хорошая документация
  • Члены сообщества полезны (легко найти хорошие ответы здесь на SO).
  • Двусторонняя привязка данных делает некоторые вещи очень легкими для реализации

против

  • Проблемы с производительностью: для двусторонней передачи данных необходимо проверить изменения в вашей модели данных. Он также должен анализировать ваш HTML, чтобы сделать его магической работой. Это замедляет работу, и, если приложение работает на мобильном устройстве, оно быстрее разряжает аккумулятор.
  • Логика распространения через HTML и JS: код сложнее понять, поддерживать и отлаживать.
  • v2, чтобы исправить некоторые проблемы, но все устаревшие версии v1