Before Angular@14 we could only bind public properties in views. Even though, the properties were meant to be private to the component, we had to make them public. This led to exposing component internals to the consumer. Now, we can make use of type...
In this article, I'll show how to use NgRx with Angular Standalone API. If you're not familiar with it, please refer to the https://barcioch.pro/angular-standalone-components-directives-pipes article. The following examples show how to define a store...
The standalone components are getting more and more attention in the Angular world. Even the creators encourage people to use them by default. In this article, I'll show how to use standalone components, directives and pipes. Setup If unsure how to s...
In this article, I'll show how to extract parameters and data from Angular routes using the component input binding feature. Setup If unsure how to set up Angular with Jest please refer to the article: https://barcioch.pro/angular-with-jest-setup. Co...
In this article, I'll show how to extract parameters and data from Angular routes using the native ActivatedRoute. Setup If unsure how to set up Angular with Jest please refer to the article: https://barcioch.pro/angular-with-jest-setup. helper pipe ...
A memory leak is a common problem unless dealt properly with the subscriptions. Whenever we subscribe to the observable a subscription is created. If we don't unsubscribe, then the subscription will stay in the memory and run whenever a new value is ...
Sometimes, instead of using debugger keyword, you'll just want to display the values in the console. When using RxJS you'll probably use quick&dirty tap(value => console.log(value)). There's nothing wrong with it, but it can be done a little nicer an...
In most programming languages there is only one way of defining whether the value is set or not. That value is generally considered null but named differently. But the Javascript went one step further and introduced two of them: null and undefined. U...
In this article, I'll show how to test Angular component with inputs and outputs. Setup If unsure how to set up Angular with Jest please refer to the article: https://barcioch.pro/angular-with-jest-setup Component Create a component with one input an...