Krzysztof Żuraw articles - 60 total
Branded Types in TypeScript: techniques
In this post, I’ll walk you through several ways to implement branded types in TypeScript. If you’re...
Recommended read
Error modelling Lukasz Ostrowski...
Dynamic Configuration for MCP Servers Using Environment Variables
This blog post explains how to configure Model Context Protocol (MCP) server that can be dynamically...
Custom metrics using @vercel/otel
This guide explains how to properly implement custom metrics in Next.js applications using...
DynamoDB access modeling for multi-tenant services
Recently at Saleor we encountered the challenge of implementing multi-tenancy in Saleor apps. In this...
How to link a local npm dependency with pnpm
I have learned how to correctly link a local npm dependency when using pnpm. Here is the...
How you properly test your React hook methods
If you are using React Hooks testing library to test your hooks remember to wrap hooks methods in the...
Composition vs props in React
I recently was adding support for dynamic data (meaning loaded from API) to the design system...
Polymorphic components in React
While I was working on the design system I knew I wanted to use polymorphic components as the...
Sharing configs between Storybook and Vite
I have a project that is using Vite.js as a bundler with Storybook to have visual testing of...
Auto update readme on GitHub with Deno
GitHub has this nice feature where you can have a readme file in the repository named after your...
Site search in Raycast
I recently read a Jim blog post about site search in browsers. I like the idea but I mostly...
Polymorphic react component with vanilla-extract
I started using vanilla-extract library as foundation to design system at work. All is going well,...
Eslint rule to restrict imports
I recently learned that there is a way to restrict imports of certain libraries in Eslint. This is...
Executing scripts when docker starts
I recently needed to execute a shell script when Docker is starting. Why? I wanted dynamically take...
How to type Next.js env variables in TypeScript
I recently was setting up new Next.js project with environmental variables. Next supports them out of...
Custom font on GitHub
To set your favourite font to be on GitHub you need: Refined GitHub extension Go to options of...
Migrating Next.js plugins from next-compose-plugins
I recently updated Next.js to version 12.2.3 and I found out that next-compose-plugins do not work...
HTML table sticky header with borders
I recently had to create an HTML table with a sticky header. It turns out you need this piece of CSS...
Compiling Tailwind CSS components in monorepo
If you have monorepo with Tailwind CSS components in one package and application in the other you may...
Run script on files changes using nodemon
I recently was setting up workflow for developing email templates and I need a way to copy files from...
Migrating blog to Eleventy
I recently migrated my blog to Eleventy. My previous engine for generating static site was Gatsby.js....
New version of writer mode
I recently updated my VS Code extension writer-mode to version 0.3.0. Before I start with what was...
On generating social images for my blog
I recently decided to generate social images for my blog. You know those images that are being...
Alfred Snippet workflow
I recently decided to remove a few no so frequently used applications. One of them was Typinator. It...
HTML has a base tag
Today I learned about <base /> tag. It is really useful in a situation where you need to tell...
Distractions tips & tricks
In this blog post I want to write more about different techniques I tried to lower my distractions...
TIL - Chrome has emulate focused page
Today I learned that chrome has Emulate Focused Page settings. What such toggle is doing? It...
Stack & Column in CSS-in-JS
Today I want to write more about new emotion components that we try at Ingrid. Those components help...
Intl Collator in JavaScript
Recently I needed to sort an array of objects from A to Z. Usually for such task I’m using the...