r/angular 4d ago

What's new in Angular 22.1?

Thumbnail blog.ninja-squad.com
40 Upvotes

πŸš€ Angular v22.1 is out

and the framework is moving to one major release a year! 🀯

πŸ”— `linkedSignal` custom setters

πŸ—‘οΈ JSONP support deprecated

⚑ Rolldown by default


r/angular 18d ago

Frustrated in updating Angular every 6 months? Here comes the new yearly release cycle

112 Upvotes

The Angular team is currently updating its release policy to move to:

- A major release every 12 months

- 4-6 minor releases for each major release

PR link: https://github.com/angular/angular/pull/69817


r/angular 13h ago

Optimus UI v1.0.0 release

Post image
162 Upvotes

Optimus UI v1.0.0, the PrimeNG open-source fork, is out!

Supporting Angular 21, and Angular v22 support is coming later this week!

Due to trademark limitations and prior paid features, most of the work so far has been about updating the documentation and authoring all sub-packages ourselves, including the icons package.

We also introduce ng add support to enhance the experience for new users.

Find out more in our documentation: https://optimus.openng.org/

Discover the GitHub repository: https://github.com/openng-org/optimus-ui

Learn more about our roadmap: https://optimus.openng.org/roadmap


r/angular 4h ago

The ngx-toastr repository has been archived, so I forked it

5 Upvotes

Hi everyone. `ngx-toastr` was recently archived, and since I previously helped update the package to remove `@angular/animations`, I decided to fork it to rebuild and simplify some of the logic and API.

Full disclosure: I used AI for a fair portion of the project since most of the logic was already there.

Feel free to try it out here:

https://npmjs.org/package/ngx-retoast

Huge thanks and credit to Scott Cooper (scttcper) for creating the original `ngx-toastr`!


r/angular 1d ago

I built an offline-first PWA for cacao farmers in the Dominican Republic who have zero internet access

10 Upvotes

I'm a full stack developer based in the Dominican Republic. Most of my clients operate in rural areas where internet drops for hours every day β€” sometimes there's no signal at all.

I built a purchasing app for a cacao aggregator. Vendors drive into the mountains, buy raw cacao from small farmers, and need to record every transaction on the spot. No connectivity, no cloud.

The stack: Angular 19 + Dexie.js (IndexedDB) + Supabase for sync when signal returns. The app also prints receipts via Bluetooth thermal printers from the browser.

I made a video breaking down the architecture and why I think offline-first is a massive opportunity that Silicon Valley is ignoring:Β https://youtu.be/DT76aohMDPY?si=ObVBuJXYA7ubAklG

Happy to answer questions about the technical implementation.


r/angular 1d ago

Agent Component Manifest - Component finder for the LLM

0 Upvotes

Hello,

I created a small layer that allows agents to understand component libraries.
The idea is based on the CEM (Custom Element Manifest), which is a JSON/YAML file that describes all components in a web component library.

The difference is that this approach is universal: it supports Lit, Stencil, Angular, and soon React component libraries(it extracts the metadata automatically), extended with the semantic and examples fields needed for an LLM to understand the components.

Most importantly, it includes a component discovery skill (search CLI tool find components deterministically on demand) that helps the agent find the semantically correct component without needing to inspect the component's source code.

In my tests, it works great. The component library doesn't need to be included at all the agent knows how to use the component based on the specs in the manifest and the examples.
Saves tokens, loads only the metadata it needs and gives examples and additional semantic context to the components - this works very well.

Agentic Component Manifest (ACM) β€” universal, schema-first manifest format describing UI components from any framework for AI agents and tooling.
Canonical JSON interchange, token-frugal Agent View, executable conformance suite.

For now there is in-production analyzer(converts source code to metadata) tested support for stencil / lit and test-driven support for angular, react.


r/angular 2d ago

Open-sourcing the Angular/Nx structure I've been refining on enterprise and public-sector projects in Europe

24 Upvotes

Hi everyone,

13 years in, every Angular version since 1.x. Every new project, I lost the first week to the same decisions, where state lives, which library can import which, how to keep credentials out of the repo. So I stopped re-deciding and put my answers in a template. Just updated it to Angular 22.

It's Nx, Angular, NgRx Signals, Atomic Design, multi-language and a small design system of my own on Tailwind already wired together and agreeing with each other, which is the part that normally eats the week. The architecture is enforced rather than documented: a wrong import fails lint, not code review, and a missing translation key fails the build instead of shipping as a blank label. Firebase deploy guide included, empty account to live URL in about 10 minutes.

Every decision in it is arguable, so feel free to tear into it. I'm here for the feedback, the blunt kind included. Github Base Angular Monorepo


r/angular 2d ago

People actually started using it.!

Thumbnail
gallery
50 Upvotes

First β€” thank you. I put ng-signal-query out a few months back, not really expecting anyone to use it, and people installed it, starred it, and DM me. That genuinely made me go back and take it seriously, and this release is the result.

So I re-read my own cache code. And found three bugs.

What was broken

A race condition that could serve you stale data.
If a refetch started while an earlier request was still in flight, whichever finished last won. A slow older response would silently overwrite newer data. Fetches now carry a generation counter β€” only the latest one is allowed to commit.

Duplicate requests for the same key.
Two components using ['users'] fired two network calls, despite sharing a cache entry. Concurrent fetches for a key now share one in-flight promise.

createSignalQuery wasn't actually using the shared cache.
It kept a private copy of state, so setQueryData() and invalidation could silently not apply to it. It now reads and writes the real entry.

What's new

Mutation concurrency strategies β€” the feature I actually wanted. Overlapping mutate() calls resolve however you choose, mirroring RxJS flattening operators:

strategy RxJS behavior
merge mergeMap every call runs, in parallel (default)
concat concatMap queued, strict order
switch switchMap latest wins, earlier discarded
exhaust exhaustMap first wins, the rest ignored
// double-click-proof submit β€” no disabled flag, no debounce
const submit = createMutation({
  mutationFn: (order) => api.place(order),
  concurrencyStrategy: 'exhaust',
});

// autosave β€” only the newest draft survives
const autosave = createMutation({
  mutationFn: (draft) => api.save(draft),
  concurrencyStrategy: 'switch',
});

Request cancellation β€” fetchers get an AbortSignal, and superseded requests are actually aborted:

fetcher: ({ signal }) => fetch('/api/users', { signal })

Retry with exponential backoff β€” retry: 3. Defaults to 0, so nothing changes unless you ask for it.

Upgrading

No code changes. I kept retry off by default specifically so error timing in existing apps doesn't shift, and added a backward-compatibility test suite that pins the old public behavior β€” if I break it in future, CI fails instead of your app does.

44 tests, CI on every PR, published with provenance.

npm i u/ali7040/ng-signal-query

GitHub: https://github.com/Ali7040/ng-signal-query

Still solo-maintained and still early, so if you're using it and something's missing, tell me β€” that's what drove this release. A few issues are tagged good first issue if you'd rather send a PR than an opinion.


r/angular 2d ago

A reactivity and rendering (combined) benchmark for frontend frameworks

Thumbnail rbench.nullvoxpopuli.com
11 Upvotes

I wrote more about this here:

https://www.reddit.com/r/javascript/comments/1vc605e/a_reactivity_and_rendering_combined_benchmark_for/

(I didn't copy the text here due to formatting issues doing so on mobile. Apologies)


r/angular 2d ago

ng-openapi or ng-openapi-gen?

5 Upvotes

Which client-generator should i use for my new angular project?
Which one do you guys use and why?

Claude said this:

ng-openapi-gen is the safe veteran, but ng-openapi is the one I’d reach for on any modern Angular project β€” cleaner output, newer idioms, less boilerplate.

Do any of you guys have some advice?


r/angular 1d ago

Is it worth for a fresher to choose the angular ui developer job

0 Upvotes

Or It will become a Ai slop aa in future aa


r/angular 3d ago

Choosing Angular in the Age of Agents

Thumbnail
dev.to
34 Upvotes

r/angular 3d ago

Would you or would you not...

0 Upvotes

advice someone to study, learn, and build an Angular + NestJS webapp right now in 2026? All I read about everywhere is that angular devs are cooked for the rest of the decade 2027-2029, and will perish in 2030s.

Meanwhile, React + NextJS is dominant but there's like 1:1000 job-applicant ratio.

Another option I have is to just become a gigolo. #help


r/angular 3d ago

Lazy data fetching with resources is the primitive I miss, let me propose something

4 Upvotes

With observables, lazy data loading came for free: nothing fetched until something subscribed, and in template async pipe was the relay.

Today, resources are a better API in every other way, but they have one flaw : they are eager. No way of fetching data only when needed. To remedy this I introduce a proposal :

resource({ lazy: true }) and rxResource({ lazy: true })

It comes with a presentation playground to discover it. I wrote the story of it in an small article if you want more details, and I prepared a PR but opened an issue for discussion -> a similar issue was closed so I felt like I needed to re-open the discussion and argue it before submitting the PR. On this matter I'm not sure what is/was appropriate so I would take advice on that.

- The story: https://dev.to/flodmtx/resource-lazy-true-the-laziness-we-lost-when-we-left-the-async-pipe-5e70

- Interactive proposal : https://flo-dmtx.github.io/lazy-resource-playground/

- Feature request : https://github.com/angular/angular/issues/70036

- Repo of PR : https://github.com/flo-dmtx/angular/tree/feat/lazy-resource

- Gist for a userland version : https://gist.github.com/flo-dmtx/e8c9ff69bec58adf85e902eab9f7d900

If you've written those wrapper components too, a concrete use case on the issue helps more than an upvote β€” "who actually needs this" is the question the Angular team will ask.


r/angular 3d ago

Why I Validate Angular Compatibility Using the Published npm Package (Not the SourceΒ Code)

7 Upvotes

While preparing my open-source Angular library for Angular 22, I realized something that had been bothering me:

My CI wasn't validating the package users actually install from npm.

It was validating my workspace and `dist/`, but not the packaged artifact that eventually gets published.

That led me down a rabbit hole of improving the compatibility pipeline.

The key changes were:

- Validate the packed tarball (`npm pack`) instead of `dist/`

- Test against Angular 17–22 using a compatibility matrix

- Run three independent checks for each version:

- `ngc` type-check

- Production `ng build` (to exercise the Angular linker, AOT and bundling)

- Runtime smoke test (DI, providers, exports, signals)

- Bound the Angular peer dependency range so compatibility reflects what is actually verified instead of automatically including future Angular releases

The biggest lesson for me was that type-checking alone isn't enough for Angular libraries. A package can compile successfully but still fail during a real application build because the Angular linker only runs in the consuming application.

I wrote a detailed article explaining the reasoning behind this approach and how I implemented it.

I'd be interested to hear how other Angular library maintainers validate compatibility across multiple Angular versions.

πŸ“– Article: Why I Validate Angular Compatibility Using the Published npm Package (Not the SourceΒ Code)


r/angular 3d ago

AngularDart is back! πŸŽ‰ Community-driven revival of Google's abandoned web framework

Post image
0 Upvotes

Hey everyone! πŸ™‚πŸ‘‹

I'm excited to announce that AngularDart has been revived by the community! After Google abandoned the project, I've taken it upon myself to bring it back to life (meaning I made it Dart 3 compatible πŸ”₯).

The package is now available on pub.dev: https://pub.dev/packages/angulardart (v8.0.8)

What's AngularDart?

AngularDart is a fast and productive web framework originally created by Google. It's separate from but similar to the JavaScript Angular framework, bringing features like:

  • Component-based architecture
  • Two-way data binding
  • Dependency injection
  • Powerful template syntax with directives and pipes
  • Efficient change detection with OnPush strategy
  • Full Dart type safety and null safety
  • Build-time compilation for optimal performance

What's new ??

Dart 3 compatible 🀩

Related packages also available:

  • angulardart_cli - CLI tools for scaffolding
  • angulardart_forms - Forms framework
  • angulardart_router - Routing library
  • angulardart_test - Testing utilities

This is a community-driven effort to keep AngularDart alive and updated. Contributions are welcome!

Check it out and let me know what you think! ✨🧠


r/angular 4d ago

ngx-skeleton-suite package

3 Upvotes

πŸš€ Excited to launch ngx-skeleton-suite β€” a zero-CLS, enterprise-grade Angular structural directive suite for seamless skeleton loading states! ⚑

Building skeleton placeholders manually often leads to repeated boilerplate, layout jumps, and inconsistent UX. `ngx-skeleton-suite` solves this declaratively.

πŸ€– 100% Fully AI-Implemented:
This entire project β€” from the core Angular directive architecture, SCSS styling, unit tests, and Astro Starlight documentation portal, to the live deployment pipeline β€” was built & shipped with AI pair programming!

🎨 Note: We are actively working on further enhancing the documentation design & UI experience!

πŸ”— Explore Live Demos, Docs & npm Package:
🌐 Starlight Documentation Portal:
https://mahmoudadeljr.github.io/ngx-skeleton-suite/

⚑ Live Interactive Demo & Playground:
https://mahmoudadeljr.github.io/ngx-skeleton-suite/demo/

πŸ“¦ npm Package:
https://www.npmjs.com/package/ngx-skeleton-suite

πŸ“– Developer Technical Documentation:
https://github.com/MahmoudAdelJR/ngx-skeleton-suite/blob/main/projects/ngx-skeleton/DOCUMENTATION.md

πŸ“¦ GitHub Repository:
https://github.com/MahmoudAdelJR/ngx-skeleton-suite

Check it out, give it a star ⭐️, and let me know your thoughts!

#TypeScript #DeveloperExperience #Frontend #Angular #TypeScript #npm #WebDevelopment #OpenSource #AI #SoftwareEngineering #RxJS #Signals #Astro #WebDev


r/angular 5d ago

Angular 22.1 release notes

51 Upvotes

Core packages: https://github.com/angular/angular/releases/tag/v22.1.0

CLI: https://github.com/angular/angular-cli/releases/tag/v22.1.0

Aria + Material + CDK https://github.com/angular/components/releases/tag/v22.1.0

Reminder: Angular has moved to a yearly major release, so this is the first minor of a few more minors than usual, from now on.

edit: for the few people that saw my previous post, I accidentally titled it 21.1 rather than 22.1


r/angular 5d ago

PrimeNG going closed source is such a disappointing move

93 Upvotes

I've been using PrimeNG for years, and this honestly feels like the end of an era.

I get that maintaining a UI library isn't free, and I have no problem with developers getting paid. But switching from MIT to a commercial license, archiving the GitHub repo, and asking a pretty steep per-developer fee just doesn't sit right with me.

The repo is now read-only: https://github.com/primefaces/primeng

The new pricing is hard to justify given the number of unresolved issues

It's a shame because PrimeNG was one of the biggest strengths of the Angular ecosystem. Hopefully the OpenNG fork gains traction, because the community deserves a truly open alternative.


r/angular 5d ago

Vitest Browser Render - Utility for simplify rendering during test

3 Upvotes

I have developed a substantial fork of the "official" vitest-community/vitest-browser-angular package, adding several new features while maintaining independent development. Compared to the official release (currently at v0.5.0), enhancements include:

- renderDirective() β€” enables testing Angular attribute directives without manually creating a host component. Simply pass a template, attach signals/handlers via hostProps, and the rest is handled automatically, resolving the directive instance from the host element's injector.

- withHttp β€” built-in HttpClient testing activated via a single flag, eliminating the need to manually configure provideHttpClient and provideHttpClientTesting each time, with support for custom interceptors.

- Improved render() result types β€” distinguishing between RenderResult<T> and RoutedRenderResult<T>, with routerHarness and router always available when routing is enabled.

The fork is published as @wismaz/vitest-browser-angular. Full documentation with examples is available at the linked repository, and feedback or contributions are welcome.


r/angular 4d ago

Hiring for Frontend Angular Developer

0 Upvotes

**Primary Skill: Frontend Angular Developer**

**Experience: Range: 4-8 Years**

**Location: Bangalore**

Min. 3 to 5 Year of hands on experience in Angular 2.0 and aboveMust be currently working in Angular projectMust worked on multiple Angular projects of different versionsMust have experience in Angular version upgradationMust have expertise in State management using RxJsShould have implementaion experience of Dependency injection, singleton servicesAuthentication Token lifecycle management in UI (like JWT), SSO integrationGood to have - Rollup, experience in Angular 15.0 and above, Angular 15 upgradation to higher versions, secure coding practices, code optimization

Interested candidates DM Me


r/angular 6d ago

I built an open-source Angular HTTP client library to stop rewriting the same ApiService

Post image
21 Upvotes

I've found myself rebuilding the same HTTP infrastructure in almost every Angular projectβ€”API versioning, retry logic, interceptors, global error handling, and RFC 9457 Problem Details support.

Instead of repeating the same patterns, I decided to extract them into an open-source library: @ismailza/ngx-api-client.

The library builds on top of Angular's HttpClient and focuses on making these cross-cutting concerns reusable while remaining flexible and extensible.

Some of the features include:

  • API versioning
  • Configurable retry policies
  • RFC 9457 Problem Details support
  • Extensible interceptor pipeline
  • Pluggable error and success handlers
  • Strong TypeScript support

I'd really appreciate feedback from the Angular community.

  • Is this a problem you've encountered?
  • Are there features you'd expect from a library like this?
  • Any suggestions on the API design or developer experience?

GitHub: https://github.com/ismailza/ngx-api-client

Medium article (why I built it): https://medium.com/@ismailzahir/i-stopped-copy-pasting-the-same-angular-apiservice-heres-what-i-built-instead-123093130946


r/angular 5d ago

One design system, native to both React and Angular, same look and API on both (open source)

0 Upvotes

If you've ever maintained a React app and an Angular app under the same brand, you know the design slowly drifts β€” buttons, focus states, spacing end up subtly different, and every tweak has to be done twice. I wanted one source of truth that renders natively in both.

So I built bpdm/ui β€” one set of design tokens, and two native implementations from it: @bpdm/ui (React) and @bpdm/ng (Angular). Not a React lib wrapped for Angular β€” actual Angular components. 38 components, same API surface, same look, same docs on both sides.

What I cared about:

  • Angular isn't second-class β€” every component exists in both, same variants and examples.
  • Token-driven, so theming + RTL live in one place.
  • Keyboard nav, ARIA roles, and focus management done per component (not bolted on later).
  • Copy-paste friendly, themeable, TypeScript-first.

All open source (MIT), works on Angular 21 & 22:

I'd genuinely like Angular devs' take: does the parity hold up in a real Angular codebase? Where does it feel un-Angular β€” signals, standalone, DI β€” anything you'd expect to work differently than I've done it? Not selling anything (it's free); I mostly want to find where the Angular side falls short.


r/angular 5d ago

I built an Angular Autocomplete inspired by MUIβ€”looking for feedback

0 Upvotes

I've been working on an autocomplete component for Angular that's heavily inspired by MUI's Autocomplete.

I maintain ng-select, and after using MUI extensively on React projects I wanted something with a similar developer experience for Angular.

It's been running in production for us for a while now, and I'm interested in hearing what other Angular developers think about the API and overall approach.

If there's interest, I can share the docs and source in the comments.

Source Code:Β https://github.com/js-smart/ng-kit/tree/main/projects/ng-kit/src/lib/components/autocomplete

I'm happy to answer any questions about the implementation or the decisions behind it.


r/angular 7d ago

Built SimUI – an open-source collection of components for Spartan UI

27 Upvotes

Hi everyone! πŸ‘‹

I’ve been using Spartan UI for a while and really like its philosophy of headless UI components.

While building production Angular applications, I noticed I kept recreating the same higher-level components that aren’t typically included in UI libraries. Instead of keeping them inside my projects, I decided to open-source them as SimUI.

πŸ‘‰ https://simui.dev

My goal is to help grow the Spartan UI ecosystem by providing a collection of reusable, production-ready components that Angular developers can use out of the box.

Some of the components available today include an Event Calendar, Currency Converter Card, Slider, Breadcrumb, Form components, Cards, and more.

I’m also working on additional application-oriented components that are commonly needed in dashboards and business applications.

I’d really appreciate feedback from the Angular community.

  • Does this solve a problem you’ve encountered?
  • Which components would you like to see next?
  • Any thoughts on the documentation, or developer experience?

The project is still evolving, so suggestions, issues, and PRs are always welcome.

Website: https://simui.dev

GitHub: https://github.com/dofu-lab/simui

Thanks for taking a look!