Speeding up Cypress tests
On our recent project for railway topology verification at Schweizer-Electronic we used Cypress for E2E testing. All our workflows require importing or verifying data from various 3rd party systems and…
DTO-typed Reactive Forms in Angular
As of Angular v14, reactive forms are strictly typed. Can you though use a DTO instead of manually defining a new type for a form? Well, yes you can!
Angular backend environment config
The best practice to configure an Angular app is to define multiple environment files and use one of them at compilation time. Unfortunately, with line-of-business apps, I mostly saw that the usual way is to build a single bundle which is then deployed through individual stages, and each starts it with a different configuration file...
Angular state management made easy!
Have you ever had troubles to synchronize your data values and its changes between multiple Angular components? Or have you ever tried using popular solutions like Redux, NgRx and felt confused and overwhelmed? If so, then you might find this article on state management in Angular useful.
Angular TestBed made easy
Angular CLI projects come with a testing framework and automatically generated test files, however, it is still quite a lot of work to set up those tests for services or components which requires multiple dependencies. In this article, I am going to show you a trick on how to take advantage of already existing module configuration and avoid setting up your (test)bed all the time!
Binding constants in Angular template
Have you ever wondered how to bind an enum value or a constant in a template of an Angular component? Don't repeat yourself there and take advantage of pipes!
Dependency Inversion Principle in Angular
Dependency Injection is a really nice feature of Angular, however, if you are used to code in C# or Java, you might be familiar with Dependency Inversion Principle, which helps to keep things a bit less coupled and a bit more organized.