Juhana Jauhiainen articles - 33 total
How to search files from Azure Blob Storage using Python
Searching for files using index tags is a common use case but the Azure documentation can be quite...
What are template literal types in TypeScript?
Before diving into template literal types, we first need to discuss string literal types In...
How to implement useMediaQuery hook in React
What are Media Queries? Media Queries are a CSS feature that can be used to conditionally...
Basics of React server-side rendering with Express.js
If you want to develop SEO friendly and fast websites with React, you have two choices: server-side...
Use a Model Manager to filter queryset by default in Django
How can you filter a queryset by default so that no matter where you use the model, the filter will...
Should you use React.FC to type your components?
TLDR: No. You should probably not. const Dialog: React.FC = ({children}) => { return ( ...
Why you should use the URL to store state in your application
It seems we have, in the web community, collectively forgotten the role of the URL in storing the...
What are HTTP cookies
A HTTP cookie is a small piece of data that a server sends to a user's web browser. The browser may...
How to make TypeScript understand Array.filter
If you've ever used Array.filter to filter a list to certain type of items, you've probably been hit...
Why Docker is eating your disk space
I learned recently, in less than ideal circumstances, that Docker doesn't do any log rotation by...
How to type an object with exclusive-or properties in TypeScript
How can we define a type for an object, which has some required attributes and some attributes, of...
Advanced Django queries
Django Framework comes with a powerful ORM and query capabilities built-in. If you're only familiar...
Convert an array to a map in JavaScript
Sometimes it's useful to convert a array to a map for convenience or performance reasons. But how can...
Hidden gems of the Chrome DevTools, Part 2: CSS tools
In the last article on the series we looked into some features of the Chrome Console API. This time...
Creating layouts with CSS grids
Grids are a powerfull feature of CSS but they can be a little overwhelming at first. There are rows,...
Create a retro text effect with CSS
In this article, we're going to create an 80's style text effect with CSS. The effect uses multiple t...
Hidden gems of the Chrome DevTools, Part 1: The Console API
Debugging, or finding the reason why your code doesn't work, is one of the most important skills a so...
Setup Spectron and Testing Library to effectively test your Electron.js application
In this article, we will setup Spectron and use Testing Library with WebdriverIO to test an Electron....
How using Testing Library will help you improve the accessibility of your application
Testing Library is a JavaScript testing framework that focuses on testing the way the application is...
Mocking GraphQL APIs with Mock Service Worker
Mock Service Worker (MSW) is a library for mocking, or faking, a backend API. This is extremely usefu...
Creating a VS Code theme
Ever wanted to create a theme for VS Code? It's simpler than you'd think but the process is a bit lab...
A Tailwind CSS plugin for adding gradient masks
Some time ago I added excerpts to my blog. A small sample of the full blog text is now shown on the f...
Use useReducer to manage complex state
useReducer is a React Hook which helps you manage complex state with a simple API. The hook takes a r...
Manage React state with the useContext hook
DISCLAIMER: This post is based on state management ideas presented by Kent C. Dodd’s in Application s...
Make custom marker displaying users location and direction with react-native-maps on iOS
NOTICE: This post is about showing a custom location and direction indicator with react-native-maps o...
What is React Strict Mode?
React Strict Mode is a tool, which comes with React, for detecting possible issues and problems in yo...
Access DOM element in a child component in React
Sometimes we need access to a DOM element which is contained by another React component. If we try to...
Customize Django admin with list_display property
One of the great "batteries included" features Django has, is the automatically generated admin panel...
Using namedtuple to create simple data objects in Python
Python standard library has a handy collection factory function called namedtuple, which can be used...
Introduction to relative CSS units
With CSS you can use absolute units like the familiar px, pt or relative units like em and rem . Abso...