Recommend to follow Net Basal on any platforms. Met him first while implementing state management system called Akita. Lots of advanced topics mostly in Angular and many more.

https://netbasal.medium.com/

#angular #advanced

Latest Angular updates from Google I/O.
- Signals under the hood of YouTube
- Signals are now officially available in Angular
- RxJS optional
etc.

https://youtu.be/srP2P6j4Cqw?si=NdvKyez39zwl9Erc

#angular

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/

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

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

Learning RxJS is always a challenge 😅
https://youtu.be/OhuRvfcw3Tw?si=BgEsECRdSkSegU1X

#rxjs #angular #tips

Zoneless Angular and new Router features. https://buff.ly/4eHuEbS

#angular #v18

If you want to use Headless UI components in your projects instead of libraries like material you can use both
https://www.spartan.ng/documentation/installation
and
http://angularprimitives.com/
But make sure this will cover all your needs, because it is far from feature set regular libraries has, especially for big projects.

#angular #ui

output & outputToObservable - new outputs API comes to handy
https://blog.angular.dev/meet-angulars-new-output-api-253a41ffa13c

#angular #v17

Two-way binding with signals in developer preview:

https://angular.dev/guide/signals/model#two-way-binding-with-signals

#angular #signals

If you have multiple directives on your element you can order their execution if those are related to each other
https://angular.dev/guide/directives/directive-composition-api#directive-execution-order
#angular #advanced

Best practises of using Angular SSR from v18

https://www.angulararchitects.io/blog/complete-guide-for-server-side-rendering-ssr-in-angular/

#advanced #universal #angular #ssr #pwa #v18

😱 You will not believe what are those myths!

https://youtu.be/JGQmn3c5UeE?si=Uf3U2vDMzCi5clPE

#angular #advanced

Some latest updates regarding use of SSR in angular

#angular #ssr #universal #v18 #advanced
https://www.angulararchitects.io/blog/complete-guide-for-server-side-rendering-ssr-in-angular/

Working with Signals should be handled in proper way - Resource API will help us with that.
https://www.angulararchitects.io/blog/asynchronous-resources-with-angulars-new-resource-api/?mc_cid=ea8d6b1f68&mc_eid=10ac4cee81

#ng19 #angular #signals #advanced

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

As part of signal migration and finally to get rid of angular lifecycle hooks let's read how viewChild, viewChildren, contentChild and contentChildren can be used with effect and computed instead of ngAfterViewInit and ngAfterContentInit.

#angular #signals

https://blog.angular-university.io/angular-viewchild-contentchild/?utm_source=newsletter&utm_medium=email&utm_campaign=the_new_angular_template_query_system_you_need_to_know&utm_term=2025-03-21

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

Lifecycle-Hook-Free Angular: Building Components with Modern APIs

https://www.youtube.com/live/5m0eqGxrLUo?t=23477s

Article: https://riegler.fr/blog/2024-12-31-lifecycle-hook-less

#angular #hooks #advanced