Infinite Scroll: Intersection Observer vs Events
Stop using scroll events for infinite scroll. Here is why you need the Observer.
Back to Blog
Archive
Frontend
A curated collection of thoughts, tutorials, and insights related to Frontend.
Handling Global Modals in Next.js
Stop prop drilling modals. Use URL states for cleaner, shareable interfaces.
Fixing React Previews with Headless CMS
How to handle draft content in React without losing your sanity.
Building Desktop Apps With Electron
Practical guide on building React desktop apps with Electron, avoiding common pitfalls.
Why You Should Use React Keys
Stop manually resetting state. Use React keys to force re-renders cleanly.
The Render-as-you-fetch Pattern Explained Simply
Stop waiting for components to mount before fetching data. Here is how.
Bridging Server and Client Components
A practical guide to connecting Server and Client components in React.
The Hidden Costs of Micro-Dependencies
Stop blindly installing tiny packages in your Node.js projects.
Stop Overcomplicating Server Actions
How to handle mutations in Next.js without losing your mind.
Framer Motion vs CSS Animations
I compare Framer Motion with native CSS animations for complex UI interactions.
Fixing Next.js Image Optimization Gotchas
Stop letting Next.js Image component bloat your server costs and latency.
Using React for Browser Extensions
Learn the right way to use React for browser extension development.
React Fiber Explained for Frontend Engineers
Understand how React Fiber manages UI rendering and scheduling.
Use Single Element React Native Layouts
Simplify your React Native UI by enforcing a single root element rule.
Migrating From Webpack To Vite Guide
Stop wrestling with Webpack builds and start using Vite today.
Handling 404s and Errors in Next.js
Stop over-engineering your 404 and error boundaries in Next.js App Router.
Fixing React Hydration Mismatch Errors
Stop React hydration errors with these simple architectural fixes.
React Router vs TanStack Router
Comparing React Router and TanStack Router for your next project.
Stop Using useEffect for Data Fetching
Why you should replace useEffect with modern tools for React data fetching.
Virtualizing Massive Lists With React Virtuoso
Stop browser lag by rendering only what the user sees with React Virtuoso.
Building Collaborative Editors With React Django
Learn to implement real-time text editing using React, Django, and WebSockets.
Taming React Performance Snags
Common React performance issues and how to fix them effectively.
Why React is Still Your Best Career Bet
Discover why investing your development skills in React remains a smart career move.
Infinite Scroll with TanStack Query: Best Practices
Learn to implement efficient infinite scroll with TanStack Query.
Styled-Components to Tailwind: A Reality Check
Moving from styled-components to Tailwind CSS? A pragmatic look at the pros, cons, and realities.
CSS-in-JS Performance Pitfalls Exposed
Explore the hidden performance costs of CSS-in-JS and alternatives.
Boost React LCP: Faster Load Times
Learn how to optimize your React app's Largest Contentful Paint (LCP) for better user experience.
A/B Testing in Next.js Made Simple
Learn how to implement A/B testing in your Next.js application efficiently.
Easily Manage Global UI State
Tired of juggling toasts and modals? Learn simple ways to manage global UI state.
Radix UI: Building Better React Design Systems
Learn how to build robust and accessible design systems in React with Radix UI.
Simplify Async with React's New use() Hook
Explore React's new use() hook for cleaner, more intuitive asynchronous data fetching.
Dynamic Theming With CSS Variables Made Easy
Learn how to use CSS variables for easy dynamic theming in your web projects.
JavaScript Event Loop Explained Visually
Understand the JavaScript event loop with clear explanations and visuals. Essential for developers.
Writing Meaningful Unit Tests for Custom Hooks
Learn to write effective unit tests for your React custom hooks.
Demystifying the Shadow DOM
Understand the Shadow DOM for encapsulated web components. Learn its basics and benefits.
CSS Grid: Subgrid and Masonry Layouts
Exploring CSS Grid's new Subgrid and Masonry features for modern web layouts.
A Deep Dive into Astro Islands Architecture
Understand the core concepts and architecture behind Astro Islands, a modern approach to building fast web applications.
React 19 Server Components
Understand React 19 Server Components. Learn how they work, their benefits, and how to use them effectively in your applications.
Explore other topics
Need to Message Me?
Let's Talk!