👋Hey there,I'm Dimitri

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


Loading content within a sidebar using Angular routing

April 30th, 2019 | 4 min read | angular, Material, routing

A few years ago, I explored the capabilities of the router framework within Angular. One of the aspects I didn’t cover are named router outlets. These outlets are very interesting when it comes to working with master-detail user interfaces. Within this tutorial I’ll show you how you can use them to either activate or deactivate […]

Using WebSockets with Angular

January 22nd, 2019 | 14 min read | angular, rxjs, WebSockets

In my previous tutorial, I’ve set up a Spring boot application that allows WebSocket communication rather than serving a traditional REST API. Today, we’re going to find out how to communicate to that backend using Angular.

Progressive Web Apps with Angular CLI

October 23rd, 2018 | 9 min read | angular, angular-cli, pwa

One of the buzzwords of Google nowadays is Progressive Web Apps or shortly PWA’s. In this tutorial we’ll learn what progressive webapps exactly are. Additionally we’ll see how we can use them and how we can integrate it with Angular and Angular CLI.

Using Apollo GraphQL with Angular

April 24th, 2018 | 6 min read | angular, apollo, GraphQL

Last time, we wrote a GraphQL API using Spring boot and the graphql-java library. Today, we’ll write a simple frontend application using Angular. As mentioned in my previous article, there are few JavaScript libraries out there that we can use. Facebook, which is also behind the idea of GraphQL, wrote a library called Relay. Additionally, […]

Working with @ngrx/store

March 13th, 2018 | 11 min read | angular, ngrx, rxjs

One of the major differences between AngularJS 1.x and Angular 2 and beyond is the shift to components. Even though components were introduced in AngularJS 1.5, controllers are still often used. Embracing components provides many advantages, such as proper loosely coupled components, re-usability and so on. One drawback to the component-based approach is state management […]

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 […]