The last couple of months I have been working a lot with DevOps and automation along with Angular development. One of the core principles in Continuous Delivery is having your back covered with automatic testing. Without this automatization in place, you are forced to manually regression test the whole app before every release, which will not […]
Main Content
Blog Posts
Dynamic Translations in Angular
Yet another post of me fixing something I find flawed about the way Angular wants you to do stuff. Just like the way Angular’s built-in way of handling environment configuration wants you to create a build for every environment, Angular’s internalization library wants you to have a separate build for every language. This is BOGUS and I have […]
Refactoring Angular Apps – How To Keep Angular Apps Clean
We have all been there. The app that once was this little cute baby has grown to this huge monster no one wants to get near. Every day you fight this monster but it only seems to get bigger, because your project keeps feeding it with short-term optimization by focusing on the next feature or […]
Using the Adapter Pattern in Angular Apps for Easier Maintenance
This post is based on something I learned that completely changed the way I designed Angular applications. Core UI components in the app such as buttons can change a lot, which can be a pain to maintain if you have to fix this in a lot of places. One example is using Angular Material buttons and […]
Life Saving Protractor Utilities to fix flaky end-to-end tests
A central part of testing Angular apps is to be able to automate the end-to-end testing so you don’t manually have to click through the app every time. This sounds reasonable in theory but often end-to-end tests can be fragile and expensive to maintain. When end-to-end tests become flaky they start to become useless: This post covers some […]
Implementing Dynamic Environment Configuration in Angular for Avoiding One Build per Environment
One big flaw of the Angular CLI’s way of handling environments, according to the build once, deploy many DevOps principle, is that out-of-the-box Angular CLI wants you to create one separate build per environment. Why should you only build once and reuse that build in all environments? The reason why you don’t want to create a separate build for […]
How to Structure Styling in an Angular App – A new hope
As a front-end developer, it is surprising how much time goes with styling CSS and is therefore definitely a place you should be efficient. This post will teach you how to find the ideal balance between global and component styling in an Angular app for maximum development speed and maintainability. On one hand, global styling […]
Creating Framework Agnostic Apps with Angular Elements
Browsers are becoming more and more powerful. Browsers are now able to do what was previously only possible with native apps, and web apps that take advantage of the modern browser capabilities go under the name Progressive Web Apps. This includes a browser specification that enables browsers to have functionality such as offline availability, hardware support, and […]