kristof van rentergem wpJzHTg2UA8 unsplash scaled - E2E TESTS WITH CYPRESS
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…

daniel dara rhzjHWEMJYU unsplash scaled - ANGULAR WITH JEST
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…

daniel von appen JIb s7 w7Uk unsplash scaled - NG-APIMOCK
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…

marvin ronsdorf sX9 SHIqH4w unsplash - ANGULAR 8 UPGRADE
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…

annie spratt 723013 unsplash - UPGRADING TO ANGULAR 7
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…

daiga ellaby 154936 unsplash - ANGULAR VIEWCHILD
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…

erico marcelino 235177 unsplash - ANGULAR 6 TREE SHAKING
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…

markus spiske 771011 unsplash - NPM PEER DEPENDENCIES
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…