Blog · 79 articles

Articles on Vue, Nuxt and frontend development

I'll write my extended thoughts here when 280 characters on X don't quite cut it.

2021

6 entries

My Top React Interview Questions

This article summarizes a list of React interview questions that I would ask candidates and that I get often asked in interviews.

8 minCareerReact

Build and Deploy a Serverless GraphQL React App Using AWS Amplify

Recently I recognized that some SaaS (Software as a Service) products use AWS Amplify which helps them to build serverless full-stack applications. I think serverless computing will be the future of apps and software. Therefore, I wanted to gather some hands-on experience, and I built a serverless application using AWS Amplify that uses React as frontend framework and GraphQL as backend API.

10 minBackendFullstack

Run, Build & Deploy Stencil and Storybook From One Repository

I recently joined a project where the team used two separate Git repositories for their web components based on Stencil and Storybook. But the idea of Storybook is that the so-called "stories" live next to the components source code. Therefore, it made no sense to me to have those two tools in different repositories, and I combined them both in one repository.

7 minTools

Debug Why React (Re-)Renders a Component

React is known for its performance by using the Virtual DOM (VDOM). It only triggers an update for the parts of the real DOM that have changed. In my opinion, it is important to know when React triggers a re-rendering of a component to be able to debug performance issues and develop fast and efficient components.

6 minReact

2020

10 entries

My Top Angular Interview Questions

This article summarizes a list of Angular interview questions that I would ask candidates and that I get often asked in interviews.

9 minCareerAngular

How I Replaced Google Analytics With a Private, Open-Source & Self-Hosted Alternative

For me, it is important to see analytics about my portfolio website. This way, I can see which posts got the most views, which country my users are from, and which browser & operating system they are using. The simplest solution to add analytics to your site is Google Analytics as it is free and easy to set up. But as we all know, this service is only free as we pay it indirectly by providing data to it. What you need to know about Google Analytics and privacy.

4 minToolsPortfolio

How I Built A Self-Updating README On My Github Profile

On Hacker News I discovered the article Building a self-updating profile README for GitHub. I was very fascinated about this new GitHub feature and wanted to build something similar for my GitHub profile.

2 minCareer

Property Based Testing With Typescript

In my current project my colleague Michael Seifert introduced property based testing in our Python codebase. It was the first time I heard about it and it sounded fascinating, so I wanted to also implement it in our frontend code based on Vue.js with Jest as testing framework and TypeScript as programming language.

11 minTesting

How To Generate Angular & Spring Code From OpenAPI Specification

If you are developing the backend and frontend part of an application you know that it can be tricky to keep the data models between the backend & frontend code in sync. Luckily, we can use generators that generate server stubs, models, configuration and more based on a OpenAPI specification.

7 minAngularSpring

Sending Message To Specific Anonymous User On Spring WebSocket

In my current, I had the opportunity to develop a new application based on Vue.js in the frontend and Spring Boot in the backend. The backend should send updates to the frontend via a WebSocket connection so that users do not need to refresh the website to see the latest information.

7 minSpringBackend

Boost Your Productivity By Using The Terminal (iTerm & ZSH)

Using the terminal is one of the biggest productivity boosts you can gain in your daily work as a developer. If you know your shortcuts, you will be way faster than using the mouse. In this article, I want to show you my terminal setup and how I use it on a daily basis. The cover image shows my current setup in action.

5 minProductivityTools

Manually Lazy Load Modules And Components In Angular

In Angular enterprise applications, it is often a requirement to load a configuration from a server via HTTP request which contains a UI configuration. Based on this configuration data, multiple modules and/or components need to be lazy-loaded and its routes dynamically added to the application.

6 minAngular

2019

4 entries

How To Build An Angular App Once And Deploy It To Multiple Environments

In my last projects, we always had the same requirement: Build the application once and deploy the same build fragment to multiple environments. This leads to some technical challenges, as we need to be able to inject environment-specific information to our application during runtime.

6 minAngular

The Last Guide For Angular Change Detection You'll Ever Need

Angular's Change Detection is a core mechanic of the framework but (at least from my experience) it is very hard to understand. Unfortunately, there exists no official guide on the official website about this topic.

12 minAngular

How I Write My Blog Posts

I'm often asked how I write my blog posts and in this article, I want to describe my process from start to finish. In this blog post I will cover these topics:

5 minCareerProductivity
Page 3 of 4