For those who used Augury before there is an official extension for your Chrome Dev Tools from Angular team https://blog.angular.io/introducing-angular-devtools-2d59ff4cf62f
#angular #tips #devtools #debugging
#angular #tips #devtools #debugging
Medium
Introducing Angular DevTools
We’re thrilled to announce Angular DevTools — a Chrome DevTools extension that you can use to inspect the structure of your applications…
🔥1
Options to pass the variable down the stream.
#rxjs #tips
https://medium.com/@snorredanielsen/rxjs-accessing-a-previous-value-further-down-the-pipe-chain-b881026701c1
#rxjs #tips
https://medium.com/@snorredanielsen/rxjs-accessing-a-previous-value-further-down-the-pipe-chain-b881026701c1
Medium
RxJS: Accessing a previous value further down the pipe chain
Often we want to access a value from a previous operator in RxJS, but that value is no longer available. The solution for this…
Working with :host and ::ng-deep
https://blog.angular-university.io/angular-host-context/
#angular #tips
https://blog.angular-university.io/angular-host-context/
#angular #tips
Angular University
Angular :host, :host-context, ::ng-deep - The Complete Guide
Learn all about Angular style isolation, the emulated view encapsulation mode and how use :host, :host-context and ::ng-deep
👍1
Watch series of Structural Directives from Dmitriy:
https://youtu.be/zpVVHI21TAo
#angular #advanced #tips #structural_directives
https://youtu.be/zpVVHI21TAo
#angular #advanced #tips #structural_directives
YouTube
Structural Directives in Angular – Working with Context (Advanced)
Let's continue to explore the power of structural directives in Angular. In this tutorial, we are going to touch on more advanced features and learn how to deal with template context and we continue to cover a special micro syntax for structural directives.…
Good video explaining how to work with AI models, cost optimize and profile them.
https://youtu.be/lHxl5SchjPA?si=U4KZQiQMWLF68izU
#ai #tips
https://youtu.be/lHxl5SchjPA?si=U4KZQiQMWLF68izU
#ai #tips
YouTube
The REAL cost of LLM (And How to reduce 78%+ of Cost)
I want to give you step by step guide on how to reduce LLM cost by 70%, and unpack why it is costing so much now
Free HubSpot AI For Marketers Course: https://academy.hubspot.com/courses/AI-for-Marketers?utm_source=youtube&utm_medium=social&utm_campaign…
Free HubSpot AI For Marketers Course: https://academy.hubspot.com/courses/AI-for-Marketers?utm_source=youtube&utm_medium=social&utm_campaign…
Усім привіт. Сьогодні хочу поділитись відео, але загалом україномовним каналом на котрий ви обов'язково маєте підписатись якщо ви і далі плануєте розвиватись в JS/TS та у суміжних технологіях.
https://www.youtube.com/live/UbYjexMO8zw?si=h7G3wRBO-3K6AScE
І також телеграм канал: https://t.me/node_recipes
#js #ts #advanced #tips #resources
https://www.youtube.com/live/UbYjexMO8zw?si=h7G3wRBO-3K6AScE
І також телеграм канал: https://t.me/node_recipes
#js #ts #advanced #tips #resources
YouTube
Node.js Weekly 2024-W11: Internationalization and recaptcha protection
Check out Angular Challenges. It might be interesting for those who who lack some practise and way how to implement some stuff in Angular.
#angular #tips
https://angular-challenges.vercel.app/
#angular #tips
https://angular-challenges.vercel.app/
Angular Challenges
Welcome to Angular Challenges
Get started by resolving these challenges and become a better Angular Front-End engineer.
There are now Schematics available to migrate your components from one file to multiple with .html and styles and vice versa.
https://github.com/ngxtension/ngxtension-platform/issues/362
#angular #tips
https://github.com/ngxtension/ngxtension-platform/issues/362
#angular #tips
GitHub
feat: add schematic to convert from multifile to SFC and vice-versa · Issue #362 · ngxtension/ngxtension-platform
Utilities for Angular. Contribute to ngxtension/ngxtension-platform development by creating an account on GitHub.
The only certification any developer will need soon is copilot prompting 😁
https://www.youtube.com/live/NTYJqgGBChM?si=Z0LxaBOpTaRihFFW
#ai #copilot #advanced #tips
https://www.youtube.com/live/NTYJqgGBChM?si=Z0LxaBOpTaRihFFW
#ai #copilot #advanced #tips
YouTube
GitHub Copilot tips from the field: How to accelerate Infrastructure as Code adoption..
Deep Dive demo on how to leverage GitHub Copilot to write, refactor and use IaC to deploy resources to the Cloud. You’ll be able to get your questions answered in real time during our live session.
[eventID:22069]
[eventID:22069]
The way you can optimize your images with almost no efforts in Angular with NgOptimizedImage Directive
https://angularindepth.com/posts/1511/improve-page-performance-and-lcp-with-ngoptimizedimage
#angular #tips #images #LCP
https://angularindepth.com/posts/1511/improve-page-performance-and-lcp-with-ngoptimizedimage
#angular #tips #images #LCP
Angularindepth
Angular in Depth
Unlock the power of software engineering at its core with Angular in Depth!
Full Stack developement can be easier with monorepos like you can see on the picture. Of course the most popular is NX, but Lerna & TurboRepo from Vercel are to consider in future.
https://monorepo.tools/
#tips
https://monorepo.tools/
#tips
Learning RxJS is always a challenge 😅
https://youtu.be/OhuRvfcw3Tw?si=BgEsECRdSkSegU1X
#rxjs #angular #tips
https://youtu.be/OhuRvfcw3Tw?si=BgEsECRdSkSegU1X
#rxjs #angular #tips
YouTube
TOP 6 Mistakes in RxJS code
To try everything Brilliant has to offer—free—for a full 30 days, visit https://brilliant.org/DecodedFrontend.
You’ll also get 20% off an annual premium subscription.
From this video, you will learn the TOP 6 mistakes developers make when writing RxJS code.…
You’ll also get 20% off an annual premium subscription.
From this video, you will learn the TOP 6 mistakes developers make when writing RxJS code.…
Really a good example of performance boost options. Maybe some of them without examples, but it is good to challenge yourself and try it out.
https://davembush.medium.com/angular-performance-optimization-5ec630d2b8f1
#angular #performance #tips
https://davembush.medium.com/angular-performance-optimization-5ec630d2b8f1
#angular #performance #tips
Medium
Angular Performance Optimization
Originally published at Optimizing Angular For Speed | Dave’s Notebook (davembush.github.io)
Did you know that in angular version 19+ you can use
#name
instead of
private name
to make them true private?
I didn't know that properties with private field works only before compile time and it is open in production code for access.
Here is a good article about this https://riegler.fr/blog/2024-05-17-private-fields-downleveling
Make sure you are not using in earlier angular versions as it will result in weakMap creation.
#angular #ts #typescript #advanced #tips
#name
instead of
private name
to make them true private?
I didn't know that properties with private field works only before compile time and it is open in production code for access.
Here is a good article about this https://riegler.fr/blog/2024-05-17-private-fields-downleveling
Make sure you are not using in earlier angular versions as it will result in weakMap creation.
#angular #ts #typescript #advanced #tips
riegler.fr
Understand private properties downleveling in Angular
And more on browserslist and Esbuild integration into Angular