Web Dev Drops: Web development and AI coding tutorials
Practical web development tutorials by a senior frontend engineer: Git, React, TypeScript, Node.js, SQL and AI coding tools like Claude Code and Cursor.
Topics
Latest posts
Git
Git Rebase vs Merge (and How to Squash Commits)
Git rebase vs merge with real examples: what each one does to your history, when to use which, and how to squash commits with interactive rebase.
17 min read
AI Tools
What Is MCP? MCP vs API Explained for Developers
16 min read
Terminal
Bash vs Zsh vs PowerShell: Which Shell for Developers?
13 min read
Node.js
Clean Architecture vs Hexagonal Architecture in Node.js
18 min read
Bash
Bash Scripting: Variables, If/Else, Loops and Functions
19 min read
TypeScript
SOLID Principles in TypeScript (with Real Examples)
16 min read
Databases
SQL Joins Explained Visually (with Examples)
17 min read
AI Tools
Claude Code Subagents and Custom Slash Commands
18 min read
AI Tools
Spec-Driven Development with AI Coding Agents: A Guide
16 min read
AI Tools
OpenCode vs Claude Code: Which Terminal Agent to Use?
16 min read
Node.js
Idempotency in APIs Explained (with Node.js Examples)
18 min read
React
React Hook Form: Forms and Validation with Zod (2026)
11 min read
Git
Git Undo Last Commit: reset vs revert (with Examples)
14 min read
Git
Git Rename Branch and Delete Branch (Local and Remote)
13 min read