Сегодня 24 марта в 20:00 мск состоится очередной ngRuAir.
Тема: Разработка гибридых приложений на Angular
https://www.youtube.com/watch?v=eMaoMAM4t-g

Сфера моих интересов обширна, и за последний месяц мне удалось поработать с разными опенсорс проектами, из последнего: добавил template parser vuejs в astexplorer.net .

Сюда стараюсь публиковать только про Angular.

Если вам из этого что то интересно, то приглашаю в свой твиттер: https://twitter.com/irustm (стану публиковать больше общей информации там).

Так же активно слежу за deno, приглашаю пообщатся в чатик https://t.me/denoland

Серия интересных статей прошедшей недели.
- Angular 7 — Improved Router Transition Animation
- Настройте ваш VSCode
- Создание анимаций в роутинте, используя ngx-animations
- PWA в Angular
- NgRx Ducks - динамические фасады
- NgRx - как сделать быстрым ваше приложение
- Создание транзакционного сервиса для управления данными (Unit of Work ? =)))

Вышел #Angular 8.0.0-beta.10. Пора попробовать Ivy на вкус :)

npx @angular/cli@next new cool-project --enableIvy

PS: Не обращайте внимание на package.json - у вас установится именно beta 10

В преддверии ngRuAir накидал небольшую статью https://medium.com/p/499d1dec6e4c/

Если у вас есть необходимость загрузить сторонние js либы, но не хотите их кидать в общий scripts.js то посмотрите как  можно загрузить их по требованию:

https://codeburst.io/lazy-loading-external-javascript-libraries-in-angular-3d86ada54ec7

По сути работает как старые добрые загрузчики модулей.

Наверно все знают fullcalendar, которому скоро исполняется 10 лет, был известен как плагин для jQuery.
Я 2 года назад написал обертку для Angular - ng-fullcalendar.
За это время эта обертка стала довольно популярной, и имеет более 4к скачиваний в неделю.
Недавно fullcalendar избавился от jQuery, и ng-fullcalendar, так же обновился.
fullcalendar team предложили ng-fulcalendar стать официальным решением для Angular.

Мы вместе с Adam Shaw проделали работу по поддержке полного API fullcalendar. Теперь одинаковое API для всех решений - Angular, Vue, React.

Решение так же осталось под лицензией MIT, в отличии от самого fullcalendar (некоторые плагины).

Пока что в бете, но вы можете попробовать @fullcalendar/angular и написать мне свои отзывы =)

https://fullcalendar.io/blog/2019/04/react-vue-and-angular-connectors

Сегодня 7 марта в 20.00 мск состоится очередной ngRuAir. Тема: Разработка мультиязычных приложений на Angular
https://www.youtube.com/watch?v=9s9I1_bsZkc

Stackblitz решил пойти в массы, и прикручивает google cloud.
Записаться в бету можете по этой форме

А пока доступна только публикация в firebase, и интеграция с  github. (firebase функции, к сожалению, скрыты, и кроме SPA приложений больше ничего не запустить)

https://medium.com/stackblitz-blog/google-cloud-meet-stackblitz-da13f4e4fc29

В Angular CLI добавят флаг experimentalImportFactories которое позволит загружать таким образом.
Надеюсь еще пофиксили баг с алиасами при lazyload.

Сегодня, 21 апреля в 20.00мск состоится очередной ngRuAir.
Тема: Производительность Angular приложений
https://www.youtube.com/watch?v=KNzDpZlGo7g

Зарелизили wired-elements@1.0.0
Доступны демки для React, Vue, Svelte. Но почему-то оставили без внимания Angular.

Поэтому собрал пример для Angular

Май близок, пока что все согласно релизному плану. Выпустили Angular 8.0.0-rc.0. Изменения можете посмотреть тут: https://github.com/angular/angular/blob/master/CHANGELOG.md

Прямо сейчас идет ngConf
https://www.youtube.com/watch?v=n-RTxeyLbsk

Для тех кто пропустил стрим #ngConf ,
Nitay Neeman в очередной раз собрал все в одном месте.
Описание, слайды, видео каждого доклада:

https://nitayneeman.com/posts/all-talks-from-ng-conf-2019

Скоро скоро выйдет Angular 8.
И вот мои заметки про angular/cli:
- cli по дефолту будет генерировать 2 бандла, под es2015 и es5.
- настройки в browserslist
- в browserslist все еще настройка под googlebot на Chrome 41, хотя уже юзается 74.
- Бандл с enable-ivy, в gzip 40кб
- добавлен web worker в schematics
- отдельный tsconfig для ваших web worker модулей.
и еще много интересных штук ;)
подробнее

Хотел бы порекомендовать для вас крошечный стеит менеджер для React и Preact — Storeon. Всего 173 байта. На данный момент имеется 2 дополнительных расширения:

- @storeon/localstorage позволяет сохранять стеит в localStorage.
- @storeon/crosstab позволяет синхронизировать стеит между вкладками браузера.
Подробнее можете почитать тут: https://evilmartians.com/chronicles/storeon-redux-in-173-bytes

Причем тут Angular?

Для меня вес конечного бандла имеет значение. Тогда как существующие стеит менеджеры со всем своим обвесом могут достигать в размере более 100кб, Storeon (со своими 173 байтами) кажется очень привлекательным. И все таки 100кб js кода это не 100кб jpeg. К тому же чем меньше сама библиотека требует, тем меньше нужно писать боилерплейта .

Поэтому сделал свою обертку над Storeon — ng-storeon в 526 байтов (что конечно же еще не предел). ng-storeon имеет примерно такой же api как в react / preact версии, только на выходе более привычный Angular разработчикам Observable.

К тому же скоро выпустят предварительную версию Angular Ivy, где пофиксили размер конечного бандла, не 3кб конечно(как показывали 2 года назад), но к этому будет стремиться команда Angular.

Так же собрал ng-storeon вместе Angular Ivy в @angular/cli@8.0.0 rc3.

p.s. Пока это писал либа уже успела переехать в
@storeon/angular.

Буквально через пару минут начнется Angular Air.
Где Stephen Fluin раскажет о текущем состоянии Angular, предстоящей 8 версии. И о том, что ожидается в будущем.

https://www.youtube.com/watch?v=y6pIcDgHd0I

Сначала ɵ, далее ɵɵ, а теперь аж Δ.
А в спеке совсем #

Когда уже emoji то))

https://github.com/angular/angular/pull/30362

Веб компоненты с Angular Ivy за 6 шагов:

https://www.softwarearchitekt.at/post/2019/05/18/web-components-custom-elements-with-angular-ivy-in-6-steps.aspx