Writing
Notes on the stacks and problems I work with.
How to Build a Real-Time Notification Bell in Laravel, Vue.js, and TailwindCSS
Learn how to build a live notification bell from scratch using Laravel backend events and Vue.js on the frontend. This step-by-step tutorial walks you through real-time updates without messy page refreshes.
What's New in Laravel, Inertia.js, and React: Practical Updates for Your Stack
Discover the latest day-to-day improvements in Laravel, Inertia.js, and React. See clear before-and-after code examples to upgrade your workflow.
React Query vs Native fetch for Vite and REST APIs
Should you install a heavy data-fetching library or stick to the browser's native fetch for your React Vite app? This practical guide compares both approaches to help you make the right choice.
What's New in Laravel, Inertia.js, and React: Practical Updates for Daily Coding
Discover the latest practical updates in Laravel, Inertia.js, and React that streamline your daily development workflow. Learn how to use lazy props, partial reloads, and new routing features with clear code examples.
What's New in React, TypeScript, and Tailwind CSS
Discover the latest practical updates in React, TypeScript, and Tailwind CSS that change how you write code every day. Skip the marketing fluff and see clear before and after examples.
How to Build a Searchable Dropdown with Debounce Using Laravel, Livewire, and Alpine.js
Learn how to build a fast, searchable dropdown component that doesn't hammer your database. We will use Laravel for data fetching, Livewire for server communication, and Alpine.js for instant UI updates.
How to Build Role-Based Access Control (RBAC) in React and TypeScript
Learn how to hide buttons and protect pages based on user roles using React and TypeScript. This beginner-friendly guide walks you through building a simple RBAC system from scratch.
Fixing a React and Vite Race Condition with Fast REST API Searches
Learn how I tracked down a frustrating search bug in a Vite and React app where slow API requests overwrote fast ones. Here is the step-by-step fix for the race condition.
How to Build and Deploy a Searchable Dropdown with Debounce Using Docker and Render
Learn how to build a high-performance searchable dropdown with debounce and deploy it to production using Docker and Render. Follow this step-by-step tutorial with real code.