Media is too big
VIEW IN TELEGRAM
💥 Хотите увидеть свою цепочку операторов #RxJS в действии? Вы сможете сделать это в ближайшее время!
This media is not supported in your browser
VIEW IN TELEGRAM
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)
📢 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)
GitHub
GitHub - mgechev/ngx-quicklink: Quicklink prefetching strategy for the Angular router
Quicklink prefetching strategy for the Angular router - GitHub - mgechev/ngx-quicklink: Quicklink prefetching strategy for the Angular router
🦄 Считаешь, что хорошо знаешь RxJS? Опробуй свои знания в мини-игре!
💥 https://vik-13.github.io/ (ранняя альфа) by https://twitter.com/vik13u
💥 https://vik-13.github.io/ (ранняя альфа) by https://twitter.com/vik13u
vik-13.github.io
RxJS Puzzles
Solving rxjs puzzles.
🗃 Simple chrome devtools extension to visualize #RxJS observables!
https://github.com/xripcsu/rxjs-watcher by xripcsu
https://github.com/xripcsu/rxjs-watcher by xripcsu
GitHub
GitHub - xripcsu/rxjs-watcher
Contribute to xripcsu/rxjs-watcher development by creating an account on GitHub.
🔥 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
🚀 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
Demo on StackBlitz
GitHub Repository by johnlindquist
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/
🚀 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:
Для обновления:
И очень важно, чтобы версия Node.JS была 10 или новее:
Для обновления Node.JS есть удобный менеджер n:
Так же в новой версии @ngtools/webpack имеется деградация производительности, поэтому временно его необходимо откатить до версии 7.0.7:
Так же если у вас установлена последняя версия Angular Cli и у вас медленные production билды, то временно поможет обновиться до последней версии terser:
Узнать подробности и следить за развитием событий можно в Issue на GitHub:
https://github.com/angular/angular-cli/issues/13102
Пока что остаются проблемы с производительностью и пересборки приложения в режиме 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
npm
npm: n
Interactively Manage All Your Node Versions. Latest version: 10.2.0, last published: 3 months ago. Start using n in your project by running `npm i n`. There are 26 other projects in the npm registry using n.
🔥 Аналогично команде rxjs-operator-counter, @jamaks написал крутую утилиту ng-app-counter для Angular:
🎁 GitHub Repository by @ngFanatic
npx ng-app-counter -p tsconfig.json
🎁 GitHub Repository by @ngFanatic
🎉 Теперь GitHub предоставляет неограниченное количество приватных репозиториев для всех пользователей
https://github.com/pricing
https://github.com/pricing
TweetDeck приложение для отслеживания GitHub репозиториев ❤️
🗃 Open source
👮🏻♂️ Written in TypeScript
https://github.com/devhubapp/devhub
🗃 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
🔧 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
https://github.com/mflorence99/serverx-ts
💥 В Angular 7.2.x улучшена производительность пересборки development!
🌈 Теперь все почти так же, как и раньше! Можно обновляться!
Не забудьте обновить @angular-devkit тоже.
https://github.com/angular/angular-cli/releases/tag/v7.2.1
🌈 Теперь все почти так же, как и раньше! Можно обновляться!
Не забудьте обновить @angular-devkit тоже.
https://github.com/angular/angular-cli/releases/tag/v7.2.1
🎁 Angular Console, который добавляет UI для Angular CLI, теперь имеет свой плагин в VS code.
https://angularconsole.com/
https://angularconsole.com/
⏰ Напоминаю попробовать ngx-quicklink для ускорения навигации страниц с Lazy Modules.
💡Оно предзагружает модули по видимым на экране пользователю ссылкам, когда браузер не занят работой.
https://www.npmjs.com/package/ngx-quicklink
💡Оно предзагружает модули по видимым на экране пользователю ссылкам, когда браузер не занят работой.
https://www.npmjs.com/package/ngx-quicklink