Andreas Riedmüller articles - 37 total
What helps me with end-of-day reporting
Ever feel like your day ends and you can’t quite remember what you actually accomplished? Or do you...
The Non-null Assertion Operator (!) in TypeScript
Let’s face it—TypeScript’s type safety is amazing, but there are times when you know more about your...
How to Install Prettier in Your Codebase and VSCode
Prettier Prettier is an opinionated code formatter with support for multiple languages....
The best JavaScript project setup to work efficiently and keep your code base clean
To be honest, "The best…" for anything is hard to argue and in most cases not true. Nevertheless, I...
Avoiding CSS order of appearance problems with CSS Modules
When I started web development, I wrote pure CSS, then I moved on to BEM (Block, Element, Modifier)...
AutoLink: Simplifying Conditional Navigation in React Router Projects
In React applications, conditional rendering often leads to verbose and repetitive code. For this...
Sharing Recommended VSCode Settings in Your Project Repository
Maintaining a consistent development environment in team projects, such as sharing recommended VSCode...
The few VS Code snippets that I use regularly
Most of the time, I find myself forgetting the snippets I've set up just a week later. However, there...
🤖 Automatically publish your Node package to NPM (with PNPM and GitHub actions)
I'm excited to share my experience in setting up GitHub Actions for automatically publishing a...
Organize your library with subpath exports 🗄️
Sometimes it can be useful to divide the exports of a package into groups. This can help to avoid...
Me vs AI: Splitting an array into rows of alternating length
I just had to split up an array of items into chunks with alternating one and two elements. Here are...
No jsconfig.json, no fun
I switched to VS Code recently and had an issue that really bogged me: Often Functions/Components did...
Random Code Inspiration Volume 2
Image shrinker image-shrinker is a simple, easy to use open source tool for shrinking...
Random Code Inspiration Volume 1
I would like to keep track of new things that I randomly discover while working on my projects. And...
Linking to subheadings not working internally
dev.to supports linking to subheadings by appending #your-sub-heading to your post link. This...
Destructuring can worsen code readability
Destructuring objects is handy and often code is easier to read when it looks simpler. But...
What is this? Can I just name it <Josephine />?
Naming (in programming) is a topic that fascinates me. It is so simple and yet sometimes so...
Parsing SemVer in Javascript with the official RegEx
Recently I had to parse a SemVer string. The first Regex I found was not able to deal with labels, so...
One Punch Man Workout App + Source Code
In early January, my cousin asked me to join him doing the One Punch Man workout for a month. It was...
Create a Component Library Fast🚀(using Vite's library mode)
If you are managing multiple React applications and want consistency across your user interfaces,...
Two+ things I do every time I set up a new node project
1. Early first commit Committing regularly is a very good habit. And there is one point in...
Automatic import sorting with ESLint
Recently I found that it is possible to automatically sort imports in VS Code when saving a file. To...
🌊 A better way to do image/file imports?
Do you know the situation when you are in the middle of your code and want to import an image to use...
My 2 most frequently used SVG features
I use editors like Figma or Sketch to edit and export SVG. But there are two SVG features I find...
usePersistentState: A simple interface to persists state variables in localStorage
This is my take on a persistent state hook. The interface is similar to useState and I prefixed the...
How to configure Vite/React to build a Google Chrome (Web) Extension
This is how I set up Vite to meet my requirements for building a Web Extension for Google Chrome,...
usePrevious + useEffect?
Sometimes I need to run a side effect in React when a certain value in the state changes. I do this...
Import SVGs as React component and set color in CSS with currentColor
There are two ways to display an SVG graphic on a webpage: by creating an img tag that points to the...
How would you name this?
I have to implement this component and have a hard time naming it. Does anyone have an...
Upleveling my form component design ⬆️
My ongoing journey of creating form components for my design system.