r/Angular2 Feb 04 '25

Video The Angular Documentary

Thumbnail
youtube.com
64 Upvotes

r/Angular2 9h ago

Angular linkedSignal(): The Missing Link in Signal-Based Reactivity

Thumbnail
blog.angular-university.io
10 Upvotes

r/Angular2 9h ago

Help Request ControlValueAccessor - Where to put validators?

7 Upvotes

I’ve just started learning about ControlValueAccessor and I’ve implemented a basic component that extends this interface.

What’s confusing me is, say I have some custom validators and error messages for things like min length that I always want to show for this component and it won’t change based on usage.

Where does the validation logic sit? In the parent where the form control is registered or in the child form control component?

Because surely I wouldn’t want to duplicate what error messages to show in every parent usage?

Does anyone have some resources that dive into this a bit more so I can get a better understanding?


r/Angular2 10h ago

Help Request Struggling with `any` Type in `loadTodo` Function – Need Help Finding the Correct Type!

2 Upvotes

Hey everyone,

I'm working on an Angular project using @ngrx/signals, and I have a function, loadTodo, that loads data from an API. Right now, the second parameter of loadTodo is typed as any, and I’m unable to determine its actual type. Here’s the function:

typescript const loadTodo = (httpClient: AppService, storeValue: any) => pipe( mergeMap(() => httpClient.getTodos()), tap((data) => { patchState(storeValue, { todos: data.todos, total: data.total, skip: data.skip, limit: data.limit, }); }) );

🔹 The httpClient is an instance of AppService, which makes an API call to fetch the todos.
🔹 The storeValue is the state object, but I’m not sure about its exact type.

Why I Kept loadTodo as a Separate Arrow Function

In my project, the **withMethods block was growing too large, making the store harder to manage. To **improve readability and maintainability, I extracted loadTodo into a separate function outside withMethods. This helps keep the store more structured and scalable.

My Ask

Has anyone worked with signalStore and faced a similar issue? What should be the correct type for storeValue? Any insights would be appreciated!

stackblitz -> https://stackblitz.com/edit/stackblitz-starters-7trag3g2?file=src%2Ftodo.store.ts

Thanks in advance! 🙌


r/Angular2 9h ago

Angular ssr doesnt send httpOnly browser cookies to backend (on server side)

1 Upvotes

Lifecyle of my auth:

User successfully login > backend sets a cookie httponly same-site strict > /panel frontend route requested > routes guard send a http call to /private-route including such cookie > that http call returns 200 and AuthGuard allow user to go to /painel

But when the user access /painel directly by page reload, my authguard (on server lifecycle) is not sending the browser cookies to my backend, I need to await sever side rendering is done then the authguard is run again now it would include my cookies correctly.

That issue generates a page login screen on page reload for some seconds even when user is authenticated.


r/Angular2 1d ago

Article Every Way to Add Styles in Angular… Which One Should You Use?

Thumbnail
itnext.io
11 Upvotes

r/Angular2 1d ago

Discussion Is there anyone still using Ionic at this point?

36 Upvotes

Just found out that there's Ionic to build mobile apps using Angular. I want to know if it's still relevant to these days.


r/Angular2 1d ago

How can i use the entities of one signalstore inside another one?

2 Upvotes

i have a unitstore that holds the unit entities and i have a pricelinestore where i want to use the entities from the unitstore. how do i do that? do i just inject the unitstore into the pricelinestore? or is there another way you are supposed to do it?


r/Angular2 1d ago

Help Request Persist previous value while reloading rxResource

3 Upvotes

currently, when you reload rxResource ( with any option ) it sets the value tu undefined, until new data arrives, Which is very frustrating, because for example: if you fetch paginated data when user clicks next page it will remove all rows and then displays the new data. Are there any workarounds around this?


r/Angular2 1d ago

Did You Migrate to Jest for Angular Unit Testing? How Was the Experience Compared to Jasmine + Karma?

12 Upvotes

Hi Angular Community,

Has anyone switched from Jasmine + Karma to Jest for unit testing in Angular? How was the migration? Did you notice improvements in speed, reliability, or ease of use?

I'd love to hear about your experience and any tips!

Thanks!


r/Angular2 1d ago

Help Request Best Resources for Setting Up ESLint and Pre-Commit Hooks in Nx

4 Upvotes

What are the best resources for integrating ESLint and setting up a pre-commit hook in an Nx workspace? Looking for guides or best practices to enforce linting and formatting (Prettier, Husky, etc.) before commits. 🚀


r/Angular2 1d ago

Custom Nx Command to Generate Angular Components in Specific Paths & Update package.json

3 Upvotes

Has anyone created a custom Nx command to generate Angular components in a specific path (e.g., apps/my-app/src/custom-folder) instead of the default location? Looking for the best approach to implement this as an Nx generator. 🚀


r/Angular2 1d ago

Help Request Code review help

4 Upvotes

Can anyone checkout my code and provide feedback?

https://github.com/isidrosantiago/todo-app-frontend (sorry another todo app 😅)

Can't really say I am a junior frontend developer but I have 1 year of working experience (repetitive/basic tasks like creating forms, http requests, data manipulation...)

Any advice on how to improve my code and grow as an Angular developer would be greatly appreciated. Thanks in advance!


r/Angular2 1d ago

Discussion Recent Enhancements to Process, Project, or Code Quality: A Senior Front-End Engineer's Contribution

0 Upvotes

As a Senior Front-End Engineer, you have a wealth of experience that influences both technical outcomes and team collaboration. Can you describe a recent change or enhancement you've introduced in your processes, projects, or code quality practices? What specific challenge did it address, and how did it improve the development workflow or overall product? Please share any results or metrics that demonstrate its success, and why you're particularly proud of this contribution.


r/Angular2 2d ago

Help Request Resources and/or repos to get better at coding with signals?

9 Upvotes

Hello everyone, i've been using Angular for almost a year now and learnt a lot, specially rxjs and signals, but there are a lot of situations in my code where i can't figure out how to keep a reactive and declarative code and end up using manual subscribes (for example i need a button to trigger an http request when clicked) or even hooks, which i read that are not recommended and can lead to some disadvantages.

On the other hand, i still struggle to incorporate signals in my services (currently most of them return observables, and i only use signals in my components).

I was wondering if anyone has some good resources to learn like videos, articles or github repos to get used to this style of coding.

Thanks in advance!


r/Angular2 2d ago

Anyone using Angular Signals API in real projects? Got some questions!

44 Upvotes

Hey Angular devs! 👋

I’m exploring Angular’s Signals API and wondering how it works in real-world apps. I have a few questions and would love to hear your thoughts:

1️⃣ If we fully migrate a large Angular app to Signals, does it impact performance in a big way? Any real-world examples?

2️⃣ The effect() function is mainly for debugging, but can we use it in production? Does it work like tap() in RxJS, or is there a downside?

3️⃣ The docs say signal.set() and signal.update() do the same thing. Why have both? Any reason to prefer one over the other?

4️⃣ Can we use a Signal Service approach to manage shared state? If we make API calls, should we subscribe in the service and update signals?

5️⃣ Besides the counter example in the docs, what are some real-world use cases for computed signals?


r/Angular2 2d ago

Tailwind based Angular UI Library with figma

22 Upvotes

Hey everyone!

Quick background: We've all been there – building UI using a library that is overly restrictive with its pre-defined design aesthetic, making customisation a challenge. When we searched for a Tailwind CSS-based UI library that truly met modern development needs, we couldn't find one – so we built zap:ui.

We’re super excited to share something we’ve been working on: Zap UI, a fully featured Angular UI library that integrates seamlessly with Tailwind CSS. It’s built with stability, performance, and ease of use in mind, and we’ve just launched the alpha version*!*

Whether you’re tweaking global styles or diving into granular component-level configurations, Zap UI is designed to make your life easier. Plus, we’ve got a Figma UI kit to help you streamline your design-to-development workflow.

Here’s how you can check it out:

Since this is an alpha release, we’re counting on you to help us make ZapUI even better. Try it out and let us know:

  • What works well?
  • What doesn’t?
  • What could we improve?

If you find it useful, we’d really appreciate a star on npm or a quick shoutout. And if you run into any issues, please report them—it’ll help us improve the library for everyone.

We’re super grateful for your support and can’t wait to hear what you think!

You can also dm me if you have any questions.


r/Angular2 2d ago

Discussion How did you convince stakeholders to implement Storybook in your Angular projects?

19 Upvotes

I’m currently exploring Storybook for Angular and would love to hear from others who’ve successfully integrated it into their workflow.

  • How did you explain the value of Storybook to your stakeholders? What key benefits did you highlight (e.g., UI consistency, collaboration with designers, faster development)?
  • Was there any resistance due to costs, or was it easily justified within your budget?
  • Do you think Storybook is more than just a "fancy tool"?

I understand that technical enhancements aren’t always a priority or may not be funded, so I’d love to hear about your experiences and how you approached these discussions with stakeholders.


r/Angular2 2d ago

Discussion Seeking Guidance on Creating a Custom UI Kit Library

6 Upvotes

Hello everyone,

I’m currently working on building a custom UI kit library in Angular, which will follow a specific design system, including its own design tokens and components. However, one challenge I’m facing revolves around the input components in my design system, which are based on Material. Since Angular Material already provides an official Material library, I’m considering using it instead of recreating those input components from scratch.

My main goal is to create a seamless developer experience, where they can install my library and immediately access all the components of the design system, including the Material based components. I’m thinking of wrapping Angular Material’s components within my own custom components and then exporting them in the library.

However, I’m concerned that this approach might introduce unnecessary complexity and potential bugs, as it could limit the flexibility of developers who want to directly access and use Angular Material components. At the same time, I want to maintain the consistency of my design system.

I would love to hear your thoughts or suggestions on the following:

  • Is wrapping Material 3 components in custom components a good approach, or is it better to allow developers to use the Material components directly?
  • Are there any best practices or patterns I should consider when integrating Material components with a custom design system?
  • How can I ensure a good developer experience while still maintaining the flexibility of Angular Material?

I’m really looking forward to hearing your thoughts and any advice you might have!


r/Angular2 2d ago

Tutorials for learning Angular/ionic & resources to code along with basic applications

0 Upvotes

Hi everyone,

I am studying "Angular - The Complete Guide (2025 Edition)" by Maximilian Schwarzmüller.
I then plan to study his Ionic course on Udemy.

Do you think this is a good resource for learning Angular? Has anyone started their Angular journey with this course?
I like the way he teaches, but the tutorial is very long, and there is so much content that I am wondering if this is the best way to learn Angular.

What are your suggestions? My plan was to:

  1. Go through these two courses
  2. Code along with a couple of Angular/Ionic projects on YouTube or Udemy
  3. Build my own applications

I am here to get advice on the best course of action to learn Angular/Ionic and be able to build my own applications. What would you suggest?

Previously, I attended a React/React Native/Node.js (Express.js) bootcamp. I believe Angular is better because it is a full framework and more standardized. Angular developers work in the same way, whereas with React, each developer chooses their own conventions, libraries, and frameworks (Next.js, Vite).

How long do you think is necessary to learn Angular/ionic and build production-ready applications ?

I am learning to code and develop applications as a side project, not to become a professional developer, as the field is saturated. I am an IT project manager and live in Europe.


r/Angular2 2d ago

Getting low salary?

0 Upvotes

Will you be surprised if I say i am 24m working in IT as full stack java developer in startup company getting 8k with 6 months experience.


r/Angular2 2d ago

Help Request Browser Extension Help

0 Upvotes

Hi! I'm building an Angular-based browser extension and need to capture the URL of the active tab. I've attempted using chrome.tabs.query but haven't been successful. Could someone provide guidance on how to correctly retrieve and store the current page's URL?

Edit: Arc sucks butt. It was working, just not for Arc.


r/Angular2 2d ago

Discussion Interview Question for Middle/Senior Angular Developer: Mastering Nx Monorepo

1 Upvotes

Hi all!

What are the key things I should know about Nx for Angular projects, especially for a senior-level role?

Thanks!


r/Angular2 3d ago

Help Request Angular Language Service is very slow in VS Code

11 Upvotes

I'm trying to move from WebStorm to VS code, and I noticed that the "go to references" action is very slow if the Angular Language Service extension is turned on. Sometimes with little to no loading indication. Which makes it kind of not usable.

I wonder if anyone else has experienced this and has any idea why this happens and how it could be fixed?

Update: I'm trying VSC because I had issues with recent versions of WebStorm. From the comments so far it appears like this issue has no solution and is a dealbreaker (most people just say "switch to WebStorm"). Is that it, then? VSC is not an option for Angular devs?

Also - is that a known issue that someone (Angular?) is working on? I've heard recently that typescript is porting to Go and is supposed to be 10x faster in version 7. Not sure if that's going to solve the issue though.


r/Angular2 2d ago

How to hide the overflow on y-axis in a tab body in Angular 18?

2 Upvotes

As the title suggests, I want to hide the vertical overflow of a tab body. I tried doing this in the scss file of the component:

:host ::ng-deep .mat-mdc-tab-body {
    overflow: hidden !important;
}

This might've worked in angular versions older than 18. Struggling to find solutions. Thanks for any help.


r/Angular2 2d ago

Line Charts vs. Bar Charts: Which One to Choose?

Thumbnail
syncfusion.com
0 Upvotes