Лучшая практика Angular 2

Angular 2 рассматривается как полная структура при разработке интерфейса. Одно из преимуществ заключается в том, чтобы поместить интерфейсные взаимодействия управляемым способом, в отличие от различных функций jQuery.

С другой стороны, jQuery очень гибкий, и его функции могут применяться по требованию по функциям. Он хорошо сотрудничает с обычными HTML-кодами, особенно красивые шаблоны были подготовлены визуальными дизайнерами. Из этой перспективы jQuery кажется более гибким.

Какова наилучшая практика применения Angular 2? Следует ли смешивать его с jQuery, bootstrap и другой библиотекой/средой frontend? Какую ответственность должен выполнять каждый из них?

Ответ 1

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

jQuery изначально был разработан как библиотека манипуляций DOM, плюс стиль с помощью jQuery-ui-плагина, а также управление данными/асинхронным управлением, например, Promises, отложенные, ajax-вызовы. Эти разные наборы функций не очень много взаимодействуют друг с другом, кроме того, что они могут быть легко скованы цепью. jQuery - это не инфраструктура, а библиотека.

  • Angular2 документация не рекомендует вообще манипулировать элементами DOM. При необходимости руководство должно использовать средство Angular2.
  • Angular2 предлагает ajax-вызовы, используя класс 'http'.
  • Angular2 играет хорошо, rxJs Observables, Promises и т.д., что позволит вам стать мастером асинхронного поведения. Недостатком является то, что кривая обучения более крутая.
  • CSS3 теперь здесь и поддерживает анимацию очень хорошо. Связывание классов может быть сделано для изменения внешнего вида компонентов.
  • Boostrap можно использовать в проекте Angular2, и не нуждается в jQuery для запуска , если не использовать его javascript библиотеказабастовкa > .

Несмотря на то, что использование jQuery в проекте убедительно:

  • jQuery имеет отличное прошлое, изучая его довольно легко и имеет много пользователей.
  • Серьезно, производительность очень хорошая. Библиотека берет только 84kb.
  • jQuery имеет огромное количество плагинов, а плагины, не имеющие собственного преемника в мире Angular2. Например, плагины Boostrap 'javascript' в основном (если не все) плагины jQuery. см. здесь

Ответ 2

Одна из основных идей Angulars - не манипулировать DOM напрямую, что является основной идеей jQuery. Так как @GünterZöchbauer говорит, не используйте его, если вам действительно не нужно (что очень редко). jQuery больше похож на вспомогательную библиотеку, Angular является Framework и должен использоваться как таковой.

Конечно, вы можете смешивать его с Bootstrap, тогда как вы должны использовать только стили и использовать 2 версию Bootstrap: https://valor-software.com/ng2-bootstrap/#/ или https://github.com/ng-bootstrap/ng-bootstrap.

Что касается

и другие интерфейсные библиотеки/рамки вместе?

Вы не должны смешивать его с другой Framework, которая просто испортит ситуацию. Библиотеки уверены, что для большинства популярных библиотек существует (или будет существовать) версия Angular, которая поставляется с поддержкой TypeScript и т.д.