🦊 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

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 в действии? Вы сможете сделать это в ближайшее время!

🔥🚀 Совсем скоро: очень быстрый HMR в ваших браузерах и angular cli. Если есть желание помочь с доведением до production ready, добро пожаловать в @ngSoviet.

🔥 Список статей и полезной информации, чтобы начать работать с 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! 🦊

🔥 Список статей, чтобы начать работать с schematics! Create schematics https://medium.com/@jorgeucano/your-fist-angular-schematics-f711d70cb37c Configuring Schematics https://medium.com/rocket-fuel/angular-schematics-simple-schematic-76be2aa72850 Angular devkit schematics https://github.com/angular/angular-cli/tree/master/packages/angular_devkit/schematics Schematics utilities https://nitayneeman.github.io/schematics-utilities