Vladimir Vovk articles - 21 total
Better Image Placeholders with ThumbHash
Depending on the network speed and image size, loading images may be slow. This could make the page...
Absolute Path Imports with Typescript and Node.js
With absolute path imports, we can do import { functionA } from 'src/modules/moduleA'. Notice that...
Fastify API with Postgres and Drizzle ORM
Before we start, we will need Node.js installed. General Setup Let's create a new...
Split Keyboard Adventure
Recently, I decided to give a try to a split keyboard. You can find a lot of people saying that spit...
Automate Your Dev Environment Setup
How many hours do you need to set up all your favorite tools on a new machine? What if your colleague...
Terminal Animations with Node.js
Node.js has the process object with stdout property which is a stream connected to stdout. Using the...
Starting React Native Project in 2025
Updated to Expo 53-beta. We will use Expo's create-expo-app command recommended by the...
Check Disk Usage with Terminal
At some point, we all face the problem of free space on our hard drives. I usually check how much...
How to Change iOS Push Notifications Permission Dialog with Expo
To receive push notifications we need to ask the user permission first. The requestPermissionsAsync...
Compress, Convert and Trim Videos with Command Line
ffmpeg Often, we have videos of different formats and resolutions from our phones and...
Learning Flexbox Details by Building a Button in React Native
Imaging we need to build a simple UI for an article preview. Something like this one: Let's start...
Starting React Native Project in 2024
Updated to Expo 50. There are many ways to start a new React Native project. Here we will be using...
Default Exports vs Named Exports
export default function A() {} // vs export function A() {} Enter fullscreen mode ...
React Native Reanimated 2 Layout Animation Example
Layout Animations are the easiest way to animate entering, exiting and change layout of your React...
React Native Conditional Rendering
In general, conditional rendering in React Native is the same as in React. But be aware, that in...
When to use React.memo and React.useCallback for Performance Optimisation
The Problem Sometimes we can see that people tend to wrap every callback function into...
Starting React Native Project in 2022
Updated to Expo 46. There are many ways to start new React Native project. Here we will be using...
Page Loading Progress with Next.js and Chakra UI
Motivation We all love NProgress library, but since we are already using Chakra UI which h...
Start New Next.js Project Notes
Please read the Getting Started guide, it is really good. Create a new app Run yarn creat...
Chrome Dev Tools Notes
I took some notes while watching the excellent "Mastering Chrome Developer Tools v2" course from the...
React Native iOS Keyboard with a Custom Button
Imagine you are making an app that needs some extra keys on a virtual keyboard that does not exist (n...