Сегодня 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

Зарелизили [email protected]
Доступны демки для 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/[email protected] 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

ng analytics off

Почему то нигде не увидел анонса этой фичи..

Начиная с 8 версии, будет встроена функция сбора аналитики использования Angular CLI.
При создании проекта будет спрашивать разрешение на включение (или выключение) этой опции.

Так же можно будет вставить свой ключ и шарить в аккаунт Google Analytics.

Я тут недавно решил пройтись по собеседованиям на позицию фронтенд разработчика, и на одном из них мне задали тестовое задание. Задание довольно интересное, и решил я ее конечно же на Angular. Хочу поделиться с вами этим решением, и объявляю challenge по решению различных фронтовых задач.
По форме ниже вы можете прислать мне задачу, и я постараюсь публиковать решения по интересным задачам. (Все будет реализовано на Angular)

P.s. пожалуйста не нарушайте nda и прочее при публикации

https://docs.google.com/forms/d/e/1FAIpQLSdsRZ8k__peiAoyfzUBnhEY7EsGzQMWxm0xGIyq9Ic7EXfQwQ/viewform

Давайте соберем отзывы по использованию NestJS, и напишем свои пожелания, что хотелось бы увидеть, что не устраивает ;)
Спасибо)
(p.s можно на русском)

https://docs.google.com/forms/d/e/1FAIpQLSeu9-EWYL3FlYizZz3GPNc5Zo2gn7YXyNk1EtfLlwKU4nO-5w/viewform

Angular 8 🥳🥳

https://blog.angular.io/version-8-of-angular-smaller-bundles-cli-apis-and-alignment-with-the-ecosystem-af0261112a27

Ждете пока stackblitz включат поддержку Angular Ivy?
Не надо ждать, Alexey Zuev сделал эту поддержку в ng-run:
https://ivy.ng-run.com
Так же можете посмотреть todo list в нем же:
https://ivy.ng-run.com/edit/GWEOnhuhLkPfbHVdBRib?open=app%2Fapp.component.ts

Ivy с нами, пора пилить свои декораторы;)
Elias Sander представил свою версию декораторов life cycle.

@se-ng/ivy-life-cycle-decorators

Кстати, Elias Sander со времён AngularJs отвечает на различные вопросы в Angular форуме. И недавно получил GDE.

https://www.npmjs.com/package/@se-ng/ivy-life-cycle-decorators

Считаю, что это минимум того что нужно знать при работе с Angular:

https://medium.com/better-programming/19-things-you-need-to-learn-to-become-an-effective-angular-developer-c0ccfa51222a

И в "кривом" переводе на Хабре:

https://habr.com/ru/company/alconost/blog/455906/

Крутой UI от VMware,
Clarity UI обновилась до 2.
https://clarity.design/news/2.0.0

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