Serhii Shramko's Blog

Independent developer educators are losing readers and income to AI.

When to use useRef instead of useState, how DOM refs and ref callbacks work, and what React 19 changed: ref as a prop, no forwardRef, ref cleanup.

Build a second brain from video: transcribe 17 hours locally with Whisper on Apple Silicon, free and offline, then turn the text into atomic notes in Obsidian.

Master the Astro framework with this hands-on guide.

Build a custom link tree with Astro.js and deploy it on Vercel.

Fix the [MissingSharp] Could not find Sharp error when deploying Astro.js to Vercel.

A deep dive into building my developer portfolio with Next.js 16, React 19, and Tailwind CSS 4.

Replace Shiki's bloated inline dual-theme styles with class-based CSS extraction using transformerStyleToClass and next-mdx-remote in Next.js.

I spotted a build regression, shipped what I thought was the fix, and the numbers didn't move.

Learn the early return pattern (guard clauses) in JavaScript and TypeScript.

Learn how React elements work and how passing children as props can optimize performance by preventing unnecessary re-renders.

Understand the key differences between for...in and for...of loops in JavaScript.

Understand when to use absolute vs relative URLs in HTML.

Discover the art of crafting clean HTML class names with BEM methodology.

Master Conventional Commits to write clear, structured commit messages.

A friendly, practical guide to SemVer in npm.

Replace messy switch statements with dispatch tables in JavaScript.

I used Cursor AI to audit SEO across 56 blog posts in one afternoon.

Learn how to add SSH keys to your GitHub account.

Curated list of the best resources, blogs, and websites every developer should know in 2025.

Learn about Git's hidden alternatives to .gitignore for managing file exclusions locally without affecting your team's workflow.

Learn TypeScript generic type parameter naming conventions.

Learn about performance risks in React custom hooks, how they cause unexpected re-renders, and strategies to manage state efficiently.

Dive into the mechanics of React re-renders — learn what causes them, how they impact performance, and how to manage them effectively.

My journey to getting Apollo GraphQL certification for free.

Master JavaScript naming conventions with this guide.

Discover how discriminated unions in TypeScript help you write cleaner, safer code.

Migrate from npm to pnpm and cut your deployment time by 44%.

Stop letting unwanted emails pile up.

Learn how to install and use Node Version Manager (NVM) to switch between Node.js versions effortlessly.

Learn how to test your website across different browsers and devices using BrowserStack.

Learn how to connect to PostgreSQL using a connection URL string.

Master JavaScript array methods with this beginner-friendly guide.

Fix the "allow network connections" popup appearing every time PHPStorm starts on macOS.

Learn how to build a reusable flexbox-based Grid component in React using BEM methodology and clsx for clean class management.

Fix the "__dirname is not defined in ES module scope" error in Node.js.

Learn the difference between expressions and statements in JavaScript.

Step-by-step guide to configuring ESLint with TypeScript.