Chapel with cypresses
Angular

E2E TESTS WITH CYPRESS 

Are you looking for a developer friendly end-to-end framework for your Angular projects? Create your e2e tests with Cypress! In this post we will get started with Cypress and create our first e2e test for an example angular project. For a more information on all…

Jest card
Angular

ANGULAR WITH JEST 

Do you ask yourself if there is a better testing framework for your Angular applications? Use Angular with Jest and make your tests simpler and faster! In this post we migrate an example project and discuss the main advantages I found. Take a look at…

Intercepting rugby ball
Angular

ANGULAR HTTP INTERCEPTOR 

Do you need control over all http requests of your app at once? Use an Angular http interceptor for incoming or outgoing http! In this post we will add a api-key header to all outgoing http requests and navigate to the login page for all…

Two houses with different colors
Angular

NG-APIMOCK 

Are you looking for a way to mock api calls for your Angular app? Do you want to test different responses locally? Here is ng-apimock! In this post we are going to setup api mocking in a very simple app so you can see what…

Running track
Angular

ANGULAR 8 UPGRADE 

It is about time to take on the Angular 8 upgrade. In this post we will see the steps that I needed for this job. In an earlier post we made the Angular 7 upgrade and there are a lot of similarities. Let’s dive into…

Integration web
Angular, CI/CD

NPM CI 

As an Angular developer npm install is a well known command. Copying this command to your Continuous Integration pipeline is a bad idea. Use the npm ci command instead. Here is why. We will concentrate on the differences betwee install and ci. For the complete…

Tape measure
Angular

UPGRADING TO ANGULAR 7 

Keeping up with the latest version of Angular is good practise. In this post I will take you through the steps I took with my projects upgrading to Angular 7. You could also take a look at this upgrading tool by Angular to help with…

Child looking at the sea
Angular

ANGULAR VIEWCHILD 

When you want to control a child component, directive or DOM element from its parent component, you can use the Viewchild decorator in Angular. Viewchild returns the first element that matches a give child component, directive or DOM element and updates it if the reference…

Lonely tree in middle of a lake
Angular

ANGULAR 6 TREE SHAKING 

Working in reasonably big companies for the last years I’ve come across big Angular projects. As you would expect these projects were modular projects consisting of a bunch of modules. One of the things I never took in consideration was ‘tree shaking’. You can read…

Colorful code
Angular

NPM PEER DEPENDENCIES 

Comming from the java world I realised npm resolves dependencies differently than for example maven. Maven demands one unique version of a dependency amongst who depend on it. This sometimes results in a so called ‘dependency hell’. Here we talk about peer dependencies that come…