ūüĎčHey there,I'm Dimitri

I like trying out new frameworks and writing about them. Below you can find the latest articles I wrote.


Getting started with Angular CLI and Project Clarity

January 30th, 2018 | 3 min read | angular, angular-cli, clarity

When working at an Angular project, there are many choices for a UI kit. You have Angular Material, ng-bootstrap and a few more. My favourite UI kit is probably Project Clarity, open sourced by VMWare.

Showing a loader with Angular 2

December 8th, 2016 | 6 min read | angular, angular-cli

We’ve already done quite a lot to get a working pok√©dex with Angular 2. However, there are still two things that bother me: If the API request takes a while, the user wont notice it. The page will just be blank When we open the application, we get a simple “Loading…” message

Animating with Angular 2

December 7th, 2016 | 10 min read | angular, angular-cli, components, pokeapi

We’re getting pretty far already with our Pok√©dex. We’ve already implemented a service with the Pok√©api, an overview and a part of the detail page. The next thing I’m going to look at is how to animate stuff with Angular 2. If you’re just like me and enjoyed the good ol’ days with AngularJS 1.x, […]

Implementing your own pipes with Angular 2

December 6th, 2016 | 8 min read | angular, angular-cli, pipe, pokeapi

Now that we’ve set up a project with Angular 2, with a service to fetch data from our REST API and some components and routing to show an overview of pok√©mons, it’s time to show some more detailed data. The component I’m going to be working on will be using the PokemonAbilityInfo object, which contains […]

Changing your page title when a route changes with Angular 2

December 1st, 2016 | 4 min read | angular, routing

Last time, we implemented our pokémon detail view by using routing to switch between the overview and the detail. However, currently we still have the same title across our entire application. Usually when you have an application with multiple pages, you want to change the page title depending on the page the user visits.

Using routing with Angular 2

November 30th, 2016 | 10 min read | angular, angular-cli, routing

Last time, we pretty much finished our pok√©dex overview by implementing some pagination. Now that the pagination is behind us, we can focus on creating a more detailed view for our pok√©mons. If you remember when we wrote a service, we actually provided two functions, a findAll() and findOne() function. However, we didn’t use the […]

Writing your first component with Angular 2

November 23rd, 2016 | 12 min read | angular, components, materialize, pokeapi

In my last tutorial, we finished creating a service that has two functions for finding pok√©mons. First of all we have the findAll() function to return multiple pok√©mons (only basic info though) and secondly, we have the findOne() function which will return more detailed information about a single pok√©mon. Both of these are using the […]

Writing services with Angular 2 and RxJS

November 22nd, 2016 | 20 min read | angular, angular-cli, pokeapi, rxjs

In our last article, we’ve set up a project with Angular 2 using Angular CLI. Now that we have a project and we understand it, it’s time to start writing some code. In this series I will be creating a small Pok√©dex using the Pok√©api. The application will have two pages, a list of all […]