Dirk Luijk

Progressive Web App — Op 27 september 2018 organiseerde Malmberg een meetup. Tijdens deze bijeenkomst stond het thema Frontend Development centraal. Onze collega Dirk Luijk was gevraagd zijn ervaringen te delen en hield twee presentaties. Hij hield een talk over Progressive Web Apps (PWAs) en eentje over het onderhouden van een eigen (frontend) library. […]

Progressive Web Apps – Meetup

8 okt, 2018 in Blog getagd angular 2+ / app / library / PWA / Workshop door Dirk Luijk

Sharing Angular components / modules easily — What forRoot and forChild have to do with lazy loading You just created a beautiful Angular component. Now, being the exemplary developer that you are, you want to share it with others. In Angular, you achieve this by moving it to a separate NgModule. The next step is to make […]

Sharing Angular modules like a boss

29 mrt, 2018 in Blog getagd Angular / lazy loading / tutorial door Dirk Luijk

Draggable directive — The first part of this series starts with the foundation: the draggable directive. This directive has only one responsibility: tracking the dragStart, dragMove and dragEnd events. Background To have the ultimate freedom, I recommend to stay away from the HTML5 Drag and Drop API. Of course, HTML5 drag ’n drop can be […]

Drag ’n Drop in Angular: Part 1 – The Draggable ...

22 mrt, 2018 in Blog getagd Angular / angular 2+ / drag 'n drop / tutorial / UX door Dirk Luijk

UX design - drag n drop — Remember using jQuery UI’s Draggable and Droppableplugins, for building drag and drop features in web applications? Awesome, wasn’t it? Now, what if we could implement drag and drop functionality just as easily in Angular projects? Over the last months, I have been improving my drag and drop implementations in Angular several times. During […]

Drag and drop in Angular (new #tutorial series!): introduction

22 mrt, 2018 in Blog getagd Angular / angular 2+ / jQuery / UI / UX door Dirk Luijk

angular-app with trackBy — This blog is part of an Angular instructional / tutorial series, please find the first edition here: Angular structural directives demystified. Optimize your Angular app using trackBy When rendering lists using Angulars ngFor directives, objects are compared by reference. This is fast, but can result in unwanted DOM manipulations. Luckily, you can avoid these using […]

Optimize your Angular app using trackBy #tutorial

15 mrt, 2018 in Blog getagd Angular / app / components / live coding / optimization / trackBy door Dirk Luijk

angular — This blog is part of an Angular instructional / tutorial series, please find the second edition here: Optimise your Angular app using trackBy. Angular structural directives demystified As Angular developers, we use structural directives like ngIf and ngFor all the time. But how do structural directives actually work? Structural directives are responsible for adding, removing, […]

Angular structural directives demystified #tutorial

8 mrt, 2018 in Blog getagd Angular / github / live coding door Dirk Luijk