1 Тема від bunyk

  • bunyk
  • Replace Team
  • Поза форумом
  • Звідки: Франик
  • Дата реєстрації: 24.07.2012
  • Повідомлень: 959
    • Репутація: 751

Тема: Angular 1 vs 2

Цікаво, в нас є хтось хто успішно здійснив міграцію? А то наш CEO каже що треба ще швидше нові фічі релізити, CTO каже що скоро ми не зможемо знайти нових девів бо Angular 1 деви вимруть, а я кажу що нам би хоч існуючі баги пофіксити (переважно мої фікси полягали в тому що проект схуд на 50000 рядочків, що я вважаю підготовкою до міграції), але все одно страшнувато. Ми з browserify на webpack ледве перевели, а тут ще треба TypeScript підключити, і т.п.

А ще цікаво, воно взагалі вартує це робити?

Подякували: 221VOLT, ostap34PHP2

bunyk вебсайт

2 Відповідь від ktretyak

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Re: Angular 1 vs 2

Однозначно вартує перебиратись. На другій версії, коли "вхідний поріг" подолано, розробник отримує відчутно більше насолоди від програмування, бо краще контролює application, багато костилів залишились в минулому.

Я сьогодні перевів свій https://hub.org.ua на Angular 4 (поки ще дуже сира версія, але для мене настав час виставляти портфоліо на показ...). З мінусів, звичайно ж, це розмір над яким ще треба попрацювати. Творці Angular кажуть, що його можна оптимізувати десь то такого самого розміру як і при першій версії.

Я використовую cli-модуль для генерації деяких базових елементів й для автоматичної підв'язки webpack. На першій версії, після оптимізації, у мене сайт важив десь біля 400 КБ. На другій версії, коли я використовував наступну команду, поки що без додаткової оптимізації, сайт важить 1.5 МБ:

ng build -aot -prod -op /var/www/hub.org.ua/compiled/dist

Разом з тим, кількість файлів зменшилась до 12 шт.

Подякували: ping, bunyk2

3 Відповідь від ktretyak Востаннє редагувалося ktretyak (22.05.2017 13:59:21)

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Re: Angular 1 vs 2

Мабуть більшість знає, що VS Code добре розуміє TypeScript, а якщо до цього редактора додати ще й розширення Angular Language Service, то  шаблони вже знатимуть, які змінні оголошено у їхньому компоненті, й навіть які директиви доступні для використання. Натискайте стандартний ctrl+[пробіл] і ви побачите відповідні контекстні підказки.

Подякували: bunyk1

4 Відповідь від bunyk Востаннє редагувалося bunyk (01.06.2017 20:18:38)

  • bunyk
  • Replace Team
  • Поза форумом
  • Звідки: Франик
  • Дата реєстрації: 24.07.2012
  • Повідомлень: 959
    • Репутація: 751

Re: Angular 1 vs 2

ktretyak написав:

Однозначно вартує перебиратись. На другій версії, коли "вхідний поріг" подолано, розробник отримує відчутно більше насолоди від програмування, бо краще контролює application, багато костилів залишились в минулому.

Я сьогодні перевів свій https://hub.org.ua на Angular 4 (поки ще дуже сира версія, але для мене настав час виставляти портфоліо на показ...). З мінусів, звичайно ж, це розмір над яким ще треба попрацювати. Творці Angular кажуть, що його можна оптимізувати десь то такого самого розміру як і при першій версії.

Кльово! hub.org.ua навіть не виглядає як SPA. А як там зроблене SEO? (Може якусь статтю на цю тему там зробити, в стилі "Ось так пишуть блоги на ангулярі і який_там_у_вас_бекенд"?)

bunyk вебсайт

5 Відповідь від ktretyak

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Re: Angular 1 vs 2

SEO дуже легко перевіряється наступним запитом:

site:hub.org.ua

Стосовно бекенду, то на цілу статтю у мене немає інформації. Все стандартно: на фронті у мене стоїть nginx (слава Казахстану!), і він переадресовує усі запити з префіксом /api до бекенду (де у мене restify-ts), усі інші запити переадресовує на index.html, де якраз і вступає в свою роль Angular.

6 Відповідь від mikeos

  • mikeos
  • mikeos
  • Користувач
  • Поза форумом
  • Дата реєстрації: 14.02.2016
  • Повідомлень: 177
    • Репутація: 106

Re: Angular 1 vs 2

Якраз на днях почав розбиратись з typescript і з новим angular, виглядає досить непогано і краще ніж angular 1.x. Новий проект буду однозначно робити на angular 4, а ось міграція зі старого angular 1.x навряд чи нормальна ідея, тому що там вже зовсім все по іншому, прийдеться все з нуля робити

mikeos вебсайт

7 Відповідь від ktretyak Востаннє редагувалося ktretyak (09.06.2017 12:15:41)

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Re: Angular 1 vs 2

З першої версії ви можете використовувати HTML-шаблони, їх досить легко переписати на новий лад.

8 Відповідь від ping

  • ping
  • ping
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 22.08.2012
  • Повідомлень: 1 600
    • Репутація: 1266

Re: Angular 1 vs 2

чесно, як тільки бачу оті npm webpack babeljs - мені стає погано  - ставити стільки залежностей...
поки спинився на vuejs який близький до першого ангулара, підключається через лінк і вроді там все є.
хіба життя заставить копати в бік 4-го - то буду копати. але - тільки за гроші :)

9 Відповідь від ktretyak

  • ktretyak
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 30.01.2014
  • Повідомлень: 2 080
    • Репутація: 758

Re: Angular 1 vs 2

Так, із підключенням залежностей вручну, наприклад, через SystemJS або через Webpack - є трохи мороки. І кількість залежностей дійсно може лякати, якщо ви раніше використовували, наприклад, jQuery.

Але якщо ви будете використовувати angular-cli, то у вас відпадає потреба слідкувати за завантаженням потрібних модулів, даний сервіс автоматично зробить це за вас й підв'яже усе необхідне для webpack, навіть якщо у вас нульові знання про роботу самого webpack.

В результаті, у вас буде завантажуватись приблизно півтора десятка файлів. Сумарний розмір цих файлів залежатиме від версії збірки: або це dev-, або prod-версія. В моєму випадку, dev-версія важить 4.3 МБ, prod-версія - 1.5 МБ.

Подякували: ping1