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 …
Refactoring Angular Apps – How To Keep Angular Apps Clean Read More »
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 …
Using the Adapter Pattern in Angular Apps for Easier Maintenance Read More »
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 …
Life Saving Protractor Utilities to fix flaky end-to-end tests Read More »
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 …
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 …
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 …
Creating Framework Agnostic Apps with Angular Elements Read More »