🔥 Список статей и полезной информации, чтобы начать работать с Bazel!

Для начала очень рекомендую посмотреть вот это видео, где вкратце рассказывается о том, как работает Bazel и что он из себя представляет.

> YouTube: TypeScript Rules for Bazel

Посмотрели? Отлично! Если вам захотелось попробовать Bazel вместе с Angular в деле, то вот следующие статьи.

> Introduction Bazel TypeScript Tutorial
> Introduction Bazel Schematics Angular Cli Tutorial

Отлично! Если вы дошли до этого места, то вы уже практически Bazel Guru! Все что вам будет интересно теперь, это посмотреть документацию по подключению NPM/Yarn, TypeScript и Angular.

> Bazel: Rules TypeScript
> Bazel: Node.JS, NPM/Yarn
> Example: Rules TypeScript
> Example: Rules Angular

🚀 Добро пожаловать в мир ̶б̶о̶й̶л̶е̶р̶п̶л̶е̶й̶т̶а̶ Bazel! 🦊

🔥🚀 Совсем скоро: очень быстрый HMR в ваших браузерах и angular cli.

Если есть желание помочь с доведением до production ready, добро пожаловать в @ngSoviet.

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

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

🎁 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)

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

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

🗃 Simple chrome devtools extension to visualize #RxJS observables!

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

🔥 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

🎁 Awesome ReactiveX Tool at reducing boilerplate

npm i rx-handler

Demo on StackBlitz
GitHub Repository by johnlindquist

🎁 RunJS

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

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

Для всех кто уже обновился до 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

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

npx ng-app-counter -p tsconfig.json

🎁 GitHub Repository by @ngFanatic

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

https://github.com/pricing

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

🗃 Open source
👮🏻‍♂️ Written in TypeScript

https://github.com/devhubapp/devhub

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

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

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

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

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

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