Welcoem to posts!!
in the future - u will be able to do some more stuff here,,,!! like pat catgirl- i mean um yeah... for now u can only see others's posts :c
#Javascript ๐ค Pop Quiz โ: When using async / await, what's the difference between return vs return await?
51 - 22
So what do you think about centralized stores like NgRx Store, NgRx Signal Store, NGXS, Redux? ๐
Here is my take to start, let me know what your take is below ๐
So are you scratching your head wondering if and why you should use a store solution in your #Angular application?
Well you should think twice๐๐, because stores are not a silver bullet, they come at a cost. They have benefits and disadvantages, it's a tradeoff.
So when to use them? Here is a quick summary of the 3 fundamental situations why I think the use of a store is justified, to help you decide if it's a good fit for you, you team and your project:
โ
You have a consumer-facing application where you need the best possible UX, and are willing to spend the resources to go the extra mile. You don't want loading indicators, you want to load the data only once, etc.
โ
You want to reduce to the maximum the amount of requests that hit your backend and are willing to pay the price for a more complex code base for that, for example due to being billed by the request by your Cloud provider and you have a very large user base.
โ
This one for me is the most common, you have an UI where you have multiple projections of the same data on the same screen at the same time. So you need to extract the data from any given component and share it across your component tree, and want to keep the data modification operations under control.
My concrete situation is I do use a store in my main code base, as it's a user experience sensitive consumer-facing application, and we are billed by the request due to using Firebase.
But we use it only in the high-usage consumer-screens that actually benefit from it.
We don't use it everywhere by default, as the complexity cost is just not justified for those simple admin-only screens that can be developed in a much more straightforward way.
I know a common argument for just using it everywhere is consistency, but in the case of stores I don't think that using them everywhere just for the sake of consistency is justified, the boilerplate overhead is just too big even with more modern solutions like NgRx Signal Store.
I just prefer to spend the man-hours we have available doing other things, rather than just investing them using a store everywhere just for the sake of consistency.
So that is my take on stores.๐
What about you, do you use them, and if so why, why not?
34 - 5
I bet your application bundle size has been weighting you down lately, right? ๐
Fear not, ๐ฑI got just what the doctor ordered: a complete, in-depth guide on how to optimize the bundle size of your Angular application. ๐ฃ๐ฅ
These tips have done wonders on my codebase, and they will do the trick for your too, for sure: ๐๐
Angular Performance Tuning: Complete Guide To Bundle Size Optimization
๐ is below ๐
#Angular
43 - 2
The absolute, quintessential, "knock your socks off" ๐งฆ๐ guide to @Angular Signal Queries! ๐
No stone is left unturned in this exhaustive guide:
โ
viewChild()
โ
viewChildren()
โ
contentChild()
โ
contentChildren()
Here is the brand new guide, enjoy:
๐ Angular Signal Queries: viewChild, contentChild, viewChildren, contentChildren (Complete Guide) blog.angular-university.io/angular-viewchild-conteโฆ
#angular #angularquery
22 - 0
Now don't tell me that you accidentally missed my very latest, ultra-exhaustive, super comprehensive, beast of an ultimate guide on Angular Signal Components...
This one will knock your hat off! ๐ฉ๐ฃ๐ฅ๐คฏ
๐ฆ Angular Signal Components: input, output, model (Complete Guide)
#Angular - the ๐ is below, enjoy๐
27 - 6
Hey @Angular Developers, if you use @WebStormIDE but always wondered about VS Code (@code), try the Webstorm VS Code Dark Modern Theme.
You have all the beauty of the visual studio code theme, with all the power of Webstorm.
You can have your cake and eat it too! ๐ฅณ๐๐
#angular
24 - 1
Did you miss the latest @Angular 18 video by the Angular Team? Here are the highlights I found (timestamps below). Awesome release! ๐ Enjoy ๐
๐๐ก๐๐ญโ๐ฌ ๐ง๐๐ฐ ๐ข๐ง ๐๐ง๐ ๐ฎ๐ฅ๐๐ซ ๐ฏ๐๐
๐ https://www.youtube.com/watch?v=DK8M-...
โถ๏ธ zoneless change detection is available in experimental mode, not developer preview.
โถ๏ธ Community libraries are often not compatible with it (yet)
โถ๏ธ it will be possible to develop libraries in Angular independently if they will be used on a Zone or Zoneless application
โถ๏ธ new Angular 18 will use Hybrid change detection by default
โถ๏ธ forms and router will be integrated with signals
Angular material components now support SSR Hydration
โถ๏ธ SSR Hydration support for i18n in developer preview
โถ๏ธ SSR rendering mode selection for routes
โถ๏ธ we will be able to configure which routes are rendered on the client only, on the server, or at build time
โถ๏ธ Material 3 is available, Material 2 themes still supported
โถ๏ธ Signal-based APIs: input, output, model, viewChild, viewChildren, contentChild, contentChildren
โถ๏ธ Typescript upgraded to 5.4 - default ng-content is available
โถ๏ธ new forms events observable
๐๐ข๐ฆ๐๐ฌ๐ญ๐๐ฆ๐ฉ๐ฌ
00:00 Intro
1:17 Zoneless Angular
4:43 Hybrid change detection
6:56 enhanced support for SSR hydration
9:46 Material 3
12:10 new Signal-based APIs
16:27 default ng-content
16:41 forms event observable
45 - 5
My new complete guide on Angular Signal Components is now number 1 ranked in Google! ๐๐๐
Part 2 is in the works and covers signals queries in detail.
You can check part 1 already here - blog.angular-university.io/angular-signal-componenโฆ
Enjoy ๐๐๐๐
83 - 10
Angular is now a brand new framework. ๐๐๐ฃ๐ค
Do you want to learn the new decoratorless and signal-based component authoring format, with minimal lifecycle hooks?
Check out my latest post on the topic for a complete step-by-step guide:
๐ angular-university.io/course/angular-signals-coursโฆ
54 - 6
Did you know that #Angular is now essentially a completely different framework?
Don't worry, the current way of creating components with decorators is not going away anytime soon.
But there is now a brand new way of creating components -
blog.angular-university.io/angular-signal-componenโฆ
32 - 11
High quality Angular courses - angular-university.io Learn and keep up with the fast moving Angular ecosystem.
- Learn the Angular framework from beginner to intermediate or advanced.
- Stay up-to-date with the latest developments and features via small bite-sized videos of around 5 minutes.
Follow us:
Twitter - twitter.com/AngularUniv
Facebook - www.facebook.com/angular.university