Телеграмм чат группы angular

Size: a a a

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

2019 January 08

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

TweetDeck приложение для отслеживания GitHub репозиториев ❤️

🗃 Open source
👮🏻‍♂️ Written in TypeScript

https://github.com/devhubapp/devhub

источник

99810:44пожаловаться #1

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

Перед тем как заниматься микро-оптимизациями, проверьте, что все перечисленное уже сделано для вашего Angular приложения:

🔧 Use the Angular CLI
🗜 Compress your assets brotli/gzip
✂️ Use code-splitting with loadChildren
💨 Preload routes
⚡️ Use the Angular Service worker

https://github.com/mgechev/angular-performance-checklist

источник

252110:44пожаловаться #2

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

🔥 Experimental Node.js HTTP framework using RxJS, built with TypeScript and optimized for serverless deployments.

https://github.com/mflorence99/serverx-ts

источник

120014:27пожаловаться #3

2019 January 10

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

💥 В Angular 7.2.x улучшена производительность пересборки development!
🌈 Теперь все почти так же, как и раньше! Можно обновляться!

Не забудьте обновить @angular-devkit@angular-devkit тоже.

https://github.com/angular/angular-cli/releases/tag/v7.2.1

источник

152600:23пожаловаться #4

2019 January 13

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

🎁 Angular Console, который добавляет UI для Angular CLI, теперь имеет свой плагин в VS code.

https://angularconsole.com/

источник

131911:52пожаловаться #5

2019 January 14

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

⏰ Напоминаю попробовать ngx-quicklink для ускорения навигации страниц с Lazy Modules.

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

https://www.npmjs.com/package/ngx-quicklink

источник

120614:47пожаловаться #6

2019 January 15

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

☕️ Немного о вторничной наркомании.

🌈 HTTP Client Karin необычно использует шаблонные литералы.

(Не рекомендуется использовать, пользуйтесь стандартными механизмами)

https://github.com/vaheqelyan/karin

источник

98411:51пожаловаться #7

2019 January 16

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

🔥 Простой пример, как можно с помощью @angular/elements@angular/elements рендерить компоненты динамически!

Демо доступно на stackblitz: https://stackblitz.com/edit/angular-elements-with-sanitized-html

источник

130917:09пожаловаться #8

2019 January 18

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

😎 Spectator — полезный иструмент для тестирования Angular приложения:
— Делает тестирование проще
— Уменьшает количество бойлерплейта

npm install @netbasal/spectator --save-dev

GitHub: https://github.com/NetanelBasal/spectator

__
И как бонусом подборка статей по тестированию. На что стоит обратить внимание, и какие тесты лучше не писать.

Тесты, которые должен писать разработчик
https://medium.com/p/a04cab35f45b

Антипаттерны тестирования ПО
https://habr.com/ru/post/358178/

источник

130814:32пожаловаться #9

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

🚀 Для всех кто жаждет Ivy!
Сегодня стало возможно попробовать Ivy.

🎁 Воспользуйтесь готовым приложением с Ivy:
https://github.com/thekiba/angular-experimental-ivy

__
Или проделайте всю работу самостоятельно:
— Обновить @angular/cli до@angular/cli до 7.3.0-beta.0
— Создать новое приложение
— Вручную обновить @angularngular до 8.0.0-beta.0
— Удалить параметр es5BrowserSupport из angular.json

npm i -g @angular/cli@7.3.0-beta.0
ng new angular-ivy --experimentalIvy

источник

181517:40пожаловаться #10

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

💣 Все что вам нужно знать про ExpressionChangedAfterItHasBeenCheckedError

https://blog.angularindepth.com/everything-you-need-to-know-about-the-expressionchangedafterithasbeencheckederror-error-e3fd9ce7dbb4

источник

110419:49пожаловаться #11

2019 January 20

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

68747470733a2f2f6d6564762e696f2f6173736574732f66782e676966.mp4

(979.85 Кб)

fx — потрясающий CLI инструмент для удобного просмотра и редактирования JSON в терминале.

📐 Formatting and highlighting
🎁 Standalone binary
🎉 Interactive mode
🎨 Themes support

npm install -g fx

https://github.com/antonmedv/fx

источник

90114:44пожаловаться #12

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

🚀 Prettier — инструмент для форматирования кода. Имеет минималистичный конфиг, есть интеграция со всеми IDE и поддерживает множество языков:

JavaScript · TypeScript · Flow · JSX · JSON
CSS · SCSS · Less
HTML · Vue · Angular
GraphQL · Markdown · YAML

🎁 https://prettier.io/

__
🌟 Для простой установки в Angular, есть готовый schematics:

npm i -g @schuchard/prettier
ng g @schuchard/prettier:add

👌 https://github.com/schuchard/prettier-schematic

источник

106315:06пожаловаться #13

2019 January 23

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

✨Магическое отображение ошибок Angular Forms

Netanel Basal рассказывает о том, как можно использовать директивы для более простого отображения ошибок в Angular.

👉 https://netbasal.com/make-your-angular-forms-error-messages-magically-appear-1e32350b7fa5

источник

88613:16пожаловаться #14

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

Если вы думаете, как уменьшить затраты на разработку и поддержание реактивных форм в Angular, то обязательно попробуйте NgxFormly.

🎁 NgxFormly — простой инструмент для создания и динамического отображения реактивных форм.

👉 https://github.com/ngx-formly/ngx-formly

__
Дополнительно рекомендую ознакомиться с несколькими статьями по этой теме:

Организация приложения с использованием NgxFormly
https://hackernoon.com/organize-your-forms-application-using-ngx-fomrly-796150461045

Обработка ошибок с Angular и NgxFormly
https://itnext.io/error-handling-with-angular-6-and-ngx-formly-8272a3aa7871

источник

103613:26пожаловаться #15

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

🚀 Для обеспечения быстрого поиска провайдеров, Angular под капотом использует Bloom Filters.

👌 Есть замечательная статья, которая подробно объясняет эту структуру данных:
https://llimllib.github.io/bloomfilter-tutorial/

источник

102815:15пожаловаться #16

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

IMG_0323.mp4

(698.67 Кб)

🔥 Встречайте! 🚀 Launchpad для RxJS 🎊

🧩 Исследуйте категории
🔎 Ищите операторы
📚 Изучайте их

https://reactive.how/rxjs/

источник

128115:55пожаловаться #17

2019 January 25

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

Лучшее из мира Angular за неделю
Дайджест №1 (18 января — 25 января)

Свежая подборка со ссылками на новости и материалы.
Приятного чтения!

https://medium.com/ngx/angular-digest-1-4a996fa78e3c

Medium

Лучшее из мира Angular за неделю

Дайджест №1 (18 января — 25 января)

источник

106813:37пожаловаться #18

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

🚀 NGXF - Non-State Management for Angular

Если еще не видели, то обязательно посмотрите этот репозиторий. В нем вы найдете множество нестандартных идей использования Angular DIrective, в частности:
Http, Socket.IOSocket.IO, Cookies, Ivy Hooks и многие другие.

👌 Как пример, использование Lazy Components с помощью директивы:

<ng-container *lazy="'lazy.module#LazyModule'"></ng-container>

👉 Подробности в репозитории и документации:
https://github.com/ngxf/platform
https://ngxf.gitbook.io/platform/

источник

128615:19пожаловаться #19

2019 January 26

🦊 Angular Fox 🚀 — русскогорящие новости сообщества

Alex 🦅 Eagle — ABC: Angular, Bazel and CLI

На AngularNYC рассказали про производительность 🥬 Bazel, и планы по улучшениям. Релиз обещают в Июле.

👉 https://www.youtube.com/watch?v=fEUgZopCK8E

источник

101411:47пожаловаться #20