В последния ми проект имах възможност да работя с Аурелия. Имах нужда да използвам някаква предна рамка, която да може лесно да се използва със съществуващо рендирано от сървъра приложение. Това единствено изискване автоматично зачеркна Angular, така че трябваше да потърся някаква алтернатива. Тъй като знаех малко за Aurelia и разбрах, че може лесно да се вгради в съществуващо приложение, реших да го използвам.

Мисля, че това беше правилно решение и беше доста приятно да се работи с Аурелия.

CLI

Започнах с изтеглянето на инструмента Aurelia CLI. Прочетох за него в Статия за мега изданието в началото на март и си помислих, че ще го пробвам. Беше доста лесен за използване. Създаването на нов проект беше толкова лесно, колкото au new. Посочих име на проекта, език и беше готов! Страхотен!

Първи компонент

Никога преди не съм работил с aurelia, но имам доста голям опит с Angular, така че вярвах, че няма да е проблем. И бях прав! Създадох нов компонент с помощта на au generate element. Извикването на компоненти element беше малко объркващо за мен, но това е просто име. Не е голяма работа. Генерирах компонент, погледнах го и беше съвсем очевидно как да го използвам. Единственото нещо, с което трябваше да свикна, е да затворя целия шаблонен HTML в <template> таг. Никакъв проблем.

След това си поиграх малко с <require> и открих начин как да избегна нуждата от него - регистриране на компоненти в конфигурационния файл като глобални ресурси, подобно на това, което се прави в angular. Не е нужно да го правите, ако не искате – можете да се придържате към маркер <require>. Но можете, ако искате да се отървете от шаблона <require>. Голям + за Аурелия.

Вграждане в съществуващо приложение

Използването на Aurelia със съществуващо сървърно изобразено приложение е доста лесно. Бързо прегледах „документацията“ и успях да го пусна почти за нула време. Това е страхотно! Наистина велико! Аплодисменти за Аурелия!

Документация

Вече споменах документацията няколко пъти. Честно казано, документацията на Аурелия не ми харесва много — тя наистина е много, много сложна и не ми беше лесно да се ориентирам в нея. (Поне ако искате да го прочетете глава по глава). Струва ми се твърде сложно. Освен това се затруднявах с избора на правилната роля :) Вместо да го чета глава по глава, използвах търсене, за да намеря нещата, от които имах нужда. Търсенето наистина е много полезно и може да ви помогне бързо да намерите това, от което се нуждаете.

Но всъщност не прочетох много от документацията. Просто написах кода и когато имах нужда от нещо, използвах търсене. Най-голямата изненада за мен беше колко успях да кодирам, без наистина да имам нужда от документацията. Току-що написах TypeScript код и малко HTML. След това бързо потърсих в документацията как да обвържа променливи към елементи, как да използвам събития, как да пиша оператори if и цикли и това беше в общи линии.

Получих работещо приложение Aurelia само с около 20 минути, прекарани в документация! Това е страхотно!

Инсталиране на библиотеки

Друго, което наистина ми хареса, беше лесното инсталиране на нови плъгини. Трябваше да използвам HTTP клиент Aurelia. Така че използвах au install aurelia-http-client и той инсталира и конфигурира всичко вместо мен. Дори ми показа няколко начина как да импортирам библиотеката в TypeScript! Бях впечатлен за пореден път.

Цялостно впечатление

Опитът с използването на Aurelia беше наистина страхотен за мен. Чувствах се много продуктивна и намирам Аурелия за много удобна. Въпреки че имам около 1 година опит с Angular, се почувствах по-продуктивен с Aurelia веднага — и това беше първият път, когато използвах тази рамка! Мисля, че Роб Айзенберг се справи правилно и свърши наистина страхотна работа с Аурелия. Определено мога да препоръчам Aurelia — дори на хора, които са нови в разработката на frontend.

Първоначално публикувано в klinki.github.io.