httpResource deleted half my Angular data-fetching code - DEV Community dev.to/aelmufti/httpresource…

Async data is finally boring (in the good way). httpResource() takes a reactive loader and manages loading/error/value for you. Change a signal it reads → it re-runs. No switchMap, no manual loading flags.

For years, Angular Signals lived behind the word "experimental." In v22, that word is gone. Signal Forms, httpResource(), resource(), linkedSignal(), the @Service() decorator. All stable. New apps ship zoneless with OnPush by default. So I updated my book for it. 🧵

Angular v22 is out 🚀 The transition from RxJS NgModules Zone.js to Signals Standalone Zoneless is almost complete. Highlights: ✅ Signal Forms are now stable — a fully signal-based, feature-complete alternative to Reactive Forms ✅ OnPush is now the default change detection strategy - if your application was already fully signal-based, this won't affect you. ✅ Resource APIs are stable — resource() and httpResource() are ready for production use ✅ Angular Aria is stable — accessible UI primitives for building keyboard-friendly and screen-reader-friendly applications Angular continues to double down on its signal-first architecture, making applications faster, simpler, and more predictable. #Angular #WebDev #JavaScript

Angular v22 EN VIVO — Todo lo nuevo (Signal Forms, httpResource, Zoneless y más) x.com/i/broadcasts/1AxRnneQj…

@angular v22 has officially been released🎉 Here's what's in store: ✍️🏿Signal Forms are now Stable 🔗 resource() & httpResource are now Stable 🫸🏿 OnPush() is now the default Change Detection Strategy 🛟 Introduction of the @Service() decorator ..and so much more 👇🏿 github.com/angular/angular/r… #Angular

💥 #Angular22 is officially out! And you can learn all about it in GDE @m_stefanczyk's newest article: 👉 OnPush as the new default 👉 Signal Forms going stable 👉 resource() and httpResource going stable 👉 paramsInheritanceStrategy defaulting to 'always' And more! Read it here → buff.ly/YeyoDgd And share this with your #Angular dev friend!

Stable Signal Forms !!! Stable resource, rxResource & httpResource !!! Stable Angular Aria !!! ( not a wishlist coz we already know these will be stable, just super excited about all things stable !!! )

Angular v22 is going to be an amazing release! Going stable: - Signal Forms ✅ - resource ✅ - rxResource ✅ - httpResource ✅ Did I miss anything major? 😃

Explore modern data fetching in Angular with @debug_mode at NG Belgrade Conf 2026! ⚡ In his talk, DJ will walk through signal-based APIs like resource and httpResource, their differences, and how to choose the right approach in real apps. Details 👉 angularbelgrade.org/speakers…

I am giving a talk on #Angular Signal Forms at #ngIndia. For async validation, you can use either There are two ways you can add async validation to a signal form. -validateHttp() - based on httpResource - validateAysnc() - based on Resource If sync validation passes, only async validation runs. Join me alongside other 12 speakers to master Modern #Angular on 11 April Tickets - ng-ind.com/ Last Date to buy a Ticket - 7 April #ngIndia #angular #nomadcoder

A serious message for #Angular engineers, from a teacher who has trained 2000 students in Angular. 🙏 ******* I use Cursor extensively to accelerate #Angular development for both my clients and students. It’s a powerful tool, but in my experience, using it without a solid understanding of fundamentals is both immature and risky. 😐 Consider this scenario: 👉 You’ve built a signal-based form to edit a product 👉 You’re using httpResource in a service to fetch data 👉 There’s a button that triggers a PUT request to update the product Now, an LLM generates code where, an Angular Signal effect is created inside the component constructor and inside that effect, the model signal used by the form is being set 💻 At first glance, everything looks fine. But here’s the problem ❓ You edit the product, click the button, and the updated value is never sent. Instead, you always get the original API response. What went wrong? Despite having rules, skills, MCP, and multiple prompts in place, the LLM lost context. You keep prompting, hoping it fixes itself. Instead, it adds 50 more lines of code, introducing technical debt. So yes, you saved 2 hours generating the form with AI. But you lost 2 hours debugging it because of weak understanding of Angular Signals. The root issue: The LLM incorrectly placed logic inside an effect instead of a computed. As a result, every time change detection runs (e.g., on button click), the effect re-executes and resets the form with the original API value. This overrides user edits. So, if you want to master leveraging AI instead of becoming dependent on it, invest more time in strengthening your fundamentals. In this case Angular Signals. If Angular is part of how you earn your living, don’t hesitate, join one of the world’s most respected #Angular conferences, #ngIndia , on April 11 in Gurgaon. There are 12 talks from 12 international speakers, 👉 NgRx SignalStore: The Power of Extensibility 👉 Signal Forms: The Future of Forms in Angular 👉 Signal Forms meet the Signal Store 👉 Analyze the JS Heap and detect Memory Leaks 👉 Scaling Without Chaos: Building Enterprise Microfrontends 👉 The Architecture Behind Nx Speed 👉 Angular SSR: Rendering, Hydration, and the Hidden Tradeoffs 👉 Debugging Angular SSR: Tales of Pending Task, Hydration, Race Conditions 👉 Leveraging the Resource API: caching, SWR, prefetching, and optimistic updates 👉 Beyond ARIA: Accessibility as an Engineering Practice 👉 Angular Accessibility Testing Pyramid Come, learn, network, and master these 12 topics and use LLM as a master ❤️ Tickets - ng-ind.com/home #ngIndia #nomadcoder #angular #angularsignals #angularinterview

Are you using Cursor but not getting the right code for the latest Angular versions? For example, when generating an API call, is it still suggesting RxJS patterns instead of the new httpResource API? You likely need to configure Cursor properly: 👉 Set the correct rules 👉 Connect it to the Angular CLI MCP I’ve written a step-by-step guide on how to do this. Read it here 👇 telerik.com/blogs/how-to-use… #angular #cursor

The last talk of Autumn Camp 2025 is already available on YouTube, so go explore #Angular’s Resource API with @sumy92! ☺️ ✅ Discover the use of resource(), streamingResource(), and httpResource() for async operations management ✅ See practical examples and a clear comparison to observables or RxJS-based approaches Gain skills necessary for streamlining your workflow: buff.ly/394U1kk And let us know if the talk was helpful! 👇

⚓️Deborah Kurata's #ngconf2025 talk — now on YouTube! Say goodbye to subscribe/unsubscribe chaos. Learn how httpResource() brings clean, Signals-first data loading to #Angular — simple syntax, built-in loading & errors, no extra code. 👉 Watch here: youtu.be/RaUFujLDttM

github.com/SkyZeroZx has been on fire contributing to Angular, features and docs alike. Lots of stuff, but one particular area worked hard on is expanding HttpClient / httpResource options.

I would definitely do something like this with an httpResource. I typically use rxResource because of all the existing rxjs based services we have piping stuff, but I kind of wonder if we will ever pivot to httpResource first with some kind of util for misc stuff.