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

Madge is a developer tool for generating a visual graph of your module dependencies, finding circular dependencies, and giving you other useful info

— madge npm docs

One of my favorite and honestly one of the best tools when determining the health of the Angular codebase is called madge which allows us to visualize dependency graph of the project with a single command!

npx madge src/main.ts --ts-config tsconfig.json --image ./deps.webp

(* make sure to adjust paths based on your exact workspace structure)

It will crawl through all files .ts files (and the files they import, …) and produce an easy to understand chart with which are very easy to read

✅ does it look organized, left to right
🔥 does it look like it was made by a bunch of drunk spiders

and we can use them to

determine codebase health
find areas to improve
communicate with non-technical colleagues
The last point can come extremely handy when justifying often much needed refactoring / technical dept clearing efforts which can benefit the organization by increasing overall shipping velocity, but are often hard to justify and communicate properly!

Ref: https://angularexperts.io/blog/top-10-angular-architecture-mistakes?utm_source=linkedin&UTM_MEDIUM=SELF&UTM_CONTENT=POST&UTM_CONTENT_TYPE=BLOG&UTM_CAMPAIGN=TOP-10-ARCH-MISTAKES

UX is part of FE
Must know features you should know working with tables
https://www.pencilandpaper.io/articles/ux-pattern-analysis-enterprise-data-tables
&
https://medium.com/design-bridges/complex-tables-356826d11861

#ux #design

😱 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

Ng19 Presentation in 4 hours!
https://youtu.be/JvkX2_46gUY?si=clIHFT2BiYQqvWti

Angular v19 Presentation starts now https://youtu.be/JvkX2_46gUY?si=clIHFT2BiYQqvWti

If you where curious new Angular v19 is out. And one of the features (developer preview so) is resource API
Great video about this https://www.youtube.com/watch?v=W7-lsoL-Gi8

#signal #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

How many of you already knew about this lifecycle methods in Angular?

https://medium.com/netanelbasal/exploring-angulars-afterrender-and-afternextrender-hooks-7133612a0287

you can find their execution timing here: https://angular.dev/guide/components/lifecycle

#advanced #v16.2

Another top resource for your Angular reading

https://angular.love/

#resources

Don't miss today at 16:00 CET timezone
https://buff.ly/3DTO6o6

What reactivity tool do you need for Angular App?
https://www.linkedin.com/posts/matthieuriegler_what-reactivity-tool-do-you-need-for-your-activity-7284338100950962176-7LQa?utm_source=social_share_send&utm_medium=android_app&utm_campaign=copy_link