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

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

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

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

https://github.com/vaheqelyan/karin

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

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

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

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

https://angularconsole.com/

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

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

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

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

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

Перед тем как заниматься микро-оптимизациями, проверьте, что все перечисленное уже сделано для вашего 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

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

🗃 Open source
👮🏻‍♂️ Written in TypeScript

https://github.com/devhubapp/devhub

🎉 Теперь GitHub предоставляет неограниченное количество приватных репозиториев для всех пользователей

https://github.com/pricing

🔥 Аналогично команде rxjs-operator-counter, @jamaks написал крутую утилиту ng-app-counter для Angular:

npx ng-app-counter -p tsconfig.json

🎁 GitHub Repository by @ngFanatic

Для всех кто уже обновился до Angular 7.x+

Пока что остаются проблемы с производительностью и пересборки приложения в режиме production и development. Если у вас сильно замедлилась пересборка (а это в 2-5 раз), то воспользуйтесь перечисленными способами.

В первую очередь убедитесь, что TypeScript обновлен до версии 3.1.6:

npm ls typescript

Для обновления:

npm install --save typescript@3.1.6

И очень важно, чтобы версия Node.JS была 10 или новее:

node -v

Для обновления Node.JS есть удобный менеджер n:

npm i -g n
n latest

Так же в новой версии @ngtools/webpack имеется деградация производительности, поэтому временно его необходимо откатить до версии 7.0.7:

npm install --save-dev @ngtools/webpack@7.0.7

Так же если у вас установлена последняя версия Angular Cli и у вас медленные production билды, то временно поможет обновиться до последней версии terser:

npm install --save-dev terser@latest

Узнать подробности и следить за развитием событий можно в Issue на GitHub:
https://github.com/angular/angular-cli/issues/13102

🎁 RunJS

🚀 A scratchpad for your thoughts, a playground for your creativity...

🖥 macOS only https://projects.lukehaas.me/runjs/

🎁 Awesome ReactiveX Tool at reducing boilerplate

npm i rx-handler

Demo on StackBlitz
GitHub Repository by johnlindquist

🔥 Introduction

🚀 Introducing Akita
https://medium.com/p/f2f0fab5a8
🚀 Introducing Angular Schematics for Akita
https://medium.com/p/356201367fc1
🚀 Our Journey in Angular: from Ngrx to Akita
https://medium.com/p/9b70b3d7ea70
🚀 I Built the Ngrx Demo App with Akita
https://medium.com/p/57f83fe92192


🎁 What’s New

💥 What’s New in Akita Schematics
https://medium.com/p/247bf5330adb
💥 What’s New in Akita v1.1.0 🔥
https://medium.com/p/a9ec885ebfdc
💥 What’s New in Akita v1.2.0 🔥
https://medium.com/p/f4a9c4c0e68a
💥 What’s New in Akita v1.9.0 🔥
https://medium.com/p/b2567bc7c719
💥 What’s New in Akita — Angular Forms Manager, Dynamic Stores and More!
https://medium.com/p/8d8580b09963


☄️ Examples

👷 Building a Shopping Cart in Angular Using Akita
https://medium.com/p/c41f6a6f7255
👷 Create a Shopping List with Akita and Angular
https://medium.com/p/2fe3ff905d38
👷 Working with Normalized Data in Akita and Angular
https://medium.com/p/e626d4c67ca4
👷 Connect Angular Forms to Akita Store
https://medium.com/p/d51845f621cd
👷 How to Secure Your User’s Data After Logout in Akita
https://medium.com/p/976e0a4ad84a
👷 The Complete Guide to Authentication in Angular with Akita
https://medium.com/p/dc1b343f7e71
👷 Plan Your Next Party with an Angular Invite App Using Akita!
https://medium.com/p/422495351767
👷 Akita and Firebase — a Match Made in Angular Heaven
https://medium.com/p/4a47ff889208
👷 Infinite Scroll in Angular Using Akita
https://medium.com/p/c5edf51de4ed

Docs: https://netbasal.gitbook.io/akita/
GitHub: https://github.com/datorama/akita

🗃 Simple chrome devtools extension to visualize #RxJS observables!

https://github.com/xripcsu/rxjs-watcher by xripcsu

🦄 Считаешь, что хорошо знаешь RxJS? Опробуй свои знания в мини-игре!

💥 https://vik-13.github.io/ (ранняя альфа) by https://twitter.com/vik13u

🎁 Faster Angular apps for Christmas
📢 ngx-quicklink preloading strategy

⚡️ ~2KB library to speed up page navigations
👁 preload bundles pointed by *visible* router links
🤚 ignore routes protected with canLoad guards

https://github.com/mgechev/ngx-quicklink by mgechev (link to tweet)

start() и end() не требуются для работы. Просто очень ранняя альфа.

💥 Хотите увидеть свою цепочку операторов #RxJS в действии? Вы сможете сделать это в ближайшее время!