Handling Global Modals in Next.js
Stop prop drilling modals. Use URL states for cleaner, shareable interfaces.
Back to Blog
Archive
React
A curated collection of thoughts, tutorials, and insights related to React.
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.
Why React Signals Might Be Next
I explore if React Signals solve our performance issues or just add complexity.
Bridging Server and Client Components
A practical guide to connecting Server and Client components in React.
Framer Motion vs CSS Animations
I compare Framer Motion with native CSS animations for complex UI interactions.
Profiling React Performance With Flamegraphs
Learn how to use React DevTools flamegraphs to identify and fix re-render bugs.
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.
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.
Using Supabase for React MVPs
Why Supabase is the fastest way to ship your React MVP.
Cancel Unnecessary React Fetches With AbortController
Stop wasted network traffic in your React apps using the AbortController API.
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.
Why React Components Re-render Too Often
Stop React from updating when it doesn't need to.
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.
Type Safe Search Params in React
Learn a pattern for type-safe URL search params in React applications.
CSS-in-JS Performance Pitfalls Exposed
Explore the hidden performance costs of CSS-in-JS and alternatives.
React List Virtualization: Speed Up Your UI
Learn how to optimize large React lists using virtualization for faster UIs.
Slim Down Your React App: Third-Party Library Impact
Strategies to reduce the performance impact of heavy third-party React libraries.
Dynamic SEO Metadata in Next.js: A Practical Guide
Manage complex SEO metadata effectively in Next.js. Learn practical techniques and code examples.
Boost React LCP: Faster Load Times
Learn how to optimize your React app's Largest Contentful Paint (LCP) for better user experience.
Understanding the Virtual DOM
Demystifying the Virtual DOM and how it speeds up your web apps.
Lazy Load Components On Demand
Improve web performance by loading React components only when needed.
A/B Testing in Next.js Made Simple
Learn how to implement A/B testing in your Next.js application efficiently.
Container Queries: Modernizing React UI
Learn how Container Queries are revolutionizing React UI development, offering true component-level responsiveness.
Radix UI: Building Better React Design Systems
Learn how to build robust and accessible design systems in React with Radix UI.
Type-Safe Database Access with Drizzle and React
Learn how Drizzle ORM brings type safety to your React database interactions.
Why Zustand is the Only State Manager You Need
Discover why Zustand might be the only global state manager your React app will ever need.
Ditching Redux: A Practical Migration Guide
Considering moving away from Redux? This guide offers practical steps and alternatives.
Writing Meaningful Unit Tests for Custom Hooks
Learn to write effective unit tests for your React custom hooks.
Server Components: Beyond SSR
Let's clear up the confusion around React Server Components. It's not just SSR.
Debugging Zombie Cache Entries in TanStack Query
Learn how to find and fix zombie cache entries in your TanStack Query setup.
Stop Memoizing Everything in React
Learn why overusing React.memo can hurt performance. Optimize your components smartly.
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!