In-Source Testing with Vite and Vitest
Learn how to write Vitest In-Source tests through automatic test discovery.
Welcome to my blog. Here you will find a collection of articles that I have written over the years. I hope you find them helpful and informative. The are sorted by date, but not filtered or paginated. If you want to search, use your browser's search function.
Learn how to write Vitest In-Source tests through automatic test discovery.
A step-by-step guide on setting up Hot Module Replacement (HMR) in Vite with an NGINX reverse proxy, including configuration tips and best practices.
A step-by-step guide to building a Two-Factor Authentication (2FA) form in React using SMS for verification, highlighting the use of react-hook-form and the autoComplete="one-time-code" attribute.
Learn how to use Sentry's `beforeSend` configuration to filter out non-actionable "Failed to fetch" errors caused by adblockers in your web applications.
A step-by-step guide to setting up a pre-commit hook to ensure Playwright versions match between package.json and .gitlab-ci.yml.
This blog post fixes error TS2614: Module '"*.svg"' has no exported member 'ReactComponent' by changing the way svgs are imported.
This blog post describes how to handle errors with vue-query on a global level by using axios interceptors.
In this blogpost I want to show how I create Astro front matter with Templater in Obsidian.
A blog post on how to secure your Firebase Firestore with basic security rules. We will allow read access to public data and read+write access to user-specific data.
In this blogpost, I show how to create testcases for vitest with ChatGPT and achieve high coverage.
This blog post will guide you through the process of setting up Cloudflare Workers as a proxy for Firebase authentication, allowing any user to authenticate with the `signInWithRedirect` function. Without this, cross-domain cookie settings will prevent Safari and other browsers from signing in.
This post shows how to enrich axios errors when using react-query and how to handle them on a global level.
In this post I show how you can easily make buttons which consist only of an svg more accessible.
This post describes how to mock IntersectionObserver, a layout helper which is not implemented when running tests with Jest + JSDOM.
In this post, I will be analyzing a poorly-optimized React function component that renders a list of items. I will be using the React performance profiler to identify the performance issues in the component, and then I will show you how to optimize the component to improve its performance. By the end of this post, you should have a better understanding of how to optimize the performance of your React components.
Sometimes you might want to debug problems or behavior of your produdction build locally. To do so, you have to somehow serve it. This post explains how!
This post describes how to fix a tailwind error, where using @apply directives would cause "resolve-url-loader: error processing CSS, invalid mapping" errors during your build.
A possible fix for the error Could not find router reducer in state tree, it must be mounted under "router" with connected-react-router
In this post I explain how to fix an error about an error that is caused by a package, which was signed with a missing/untrusted public key.
This post explains how to fix the PGP signature verification on AUR packages. If the key of a signed PKGBUILD is not present in your public key ring, you will otherwise see "ERROR: One or more PGP signatures could not be verified"
A recent upgrade of docker-compose might cause a nasty error. In this post I explain what to do to restore your debugger and the big why.
WordPress in Docker can cause quite some headache. Especially the reverse proxy, which we need to pass through traffic from host to container. I struggled with a "Too Many Redirects" error, which can come from some different sources.
As some may struggle to get their bluetooth connections up and running under Arch Linux (and I have to google this each time I install as well) I decided to write a post on it. Hope you benefit from it!
portion of code to your .zshrc to enable autocompletion. This, in turn, slows the startup of your shell quite a lot. But we can easily fix this slow zsh startup! Instead of always loading your nvm autocompletion, we can command oh-my-zsh to just load nvm ressources on-demand, also known as lazy-loading.
Backups with Time Machine, Nextcloud, iSCSI storage - all is stored on my TrueNAS VM. It's running in proxmox with raid controller passthrough. As my proxmox machine just crashed due to faulty ram / ECC errors two days ago, I thought that I might be better off with an offsite backup for all these important storage pools. Thats where I discovered TrueNAS' capability of running Cloud Sync Tasks, which periodically run a TrueNAS backup to cloud providers you choose.
A short post on how to fix the library error mentioned in the title. We fix this by downgrading libffi or installing libffi7 from the AUR.
In this post I lead you through the installation process of OpenVPN, so that you can easily run your own cheap and 100% private VPN.
This post will describe how to setup Grafana, Prometheus and the Blackbox exporter quick and easy, allowing you to monitor your websites.
Quick note on how to install a (HP) printer under Arch Linux.