エピソード

  • Why Your Dropdown Menu Takes 200ms to Respond

    Why Your Dropdown Menu Takes 200ms to Respond
    2026/06/08
    Episode 38 of The Web Development Podcast with Fexingo. Lucas and Luna dig into a specific performance problem that plagues countless web apps: the seemingly trivial dropdown menu that lags by 200 milliseconds. They trace the root cause through re-renders, layout thrashing, and event delegation gone wrong, then walk through a practical fix using passive event listeners and CSS containment. Along the way, they talk about how Google's Core Web Vitals flags interaction delays like this, and why a seemingly small 200ms lag can slash conversion rates by up to 10 percent. If you've ever clicked a dropdown and felt that half-beat delay before the options appear, this episode explains exactly what's happening under the hood — and how to fix it with fewer than 20 lines of code. No fluff, just a focused case study on one of the web's most common UX speed bumps. #DropdownMenu #WebPerformance #CoreWebVitals #InteractionDelay #LayoutThrashing #EventDelegation #PassiveEventListeners #CSSContainment #WebDevelopment #Frontend #UX #ConversionRate #JavaScript #React #PerformanceOptimization #LucasAndLuna #FexingoBusiness #BusinessPodcast Keep every episode free: buymeacoffee.com/fexingo
    続きを読む 一部表示
    6 分
  • How Your Webpack Source Maps Are Leaking Production Secrets

    How Your Webpack Source Maps Are Leaking Production Secrets
    2026/06/07
    Lucas and Luna reveal how misconfigured source maps in production builds leak internal code paths, API endpoints, and even credentials to anyone who opens browser dev tools. They walk through a real incident where a major e-commerce site exposed its entire internal admin panel structure via a .map file served from their CDN. The episode covers how to audit your own source map exposure, the difference between hidden-source-map and nosources-source-map, and why Webpack's default settings are dangerously permissive. You'll learn a single-line config change that stops the leak cold, plus how to verify the fix with curl. No scaremongering — just concrete steps to lock down what should never leave your build server. #Webpack #SourceMaps #WebSecurity #Frontend #JavaScript #DevTools #ProductionSecurity #WebpackConfig #HiddenSourceMap #NosourcesSourceMap #CDNLeak #CodeExposure #SecurityAudit #Technology #FexingoBusiness #BusinessPodcast #WebDevPodcast #FexingoTech Keep every episode free: buymeacoffee.com/fexingo
    続きを読む 一部表示
    9 分
  • How Your A11y Overlays Are Breaking Your Web App

    How Your A11y Overlays Are Breaking Your Web App
    2026/06/07
    Episode 36 of The Web Development Podcast with Fexingo. Lucas and Luna dive into the hidden costs of accessibility overlays — third-party widgets that claim to fix web accessibility with one line of JavaScript. They break down a real-world case: an e-commerce site that added an overlay and saw its Lighthouse accessibility score drop by 15 points, while screen reader users reported broken navigation and infinite loops. Lucas explains why overlays fail the WCAG success criteria they promise to meet, and Luna shares data from the WebAIM Million report showing that overlay users often face more barriers than before. They discuss better alternatives: semantic HTML, proper ARIA attributes, and manual testing with real assistive technology. No ad breaks, just honest technical discussion. #WebDevelopment #Accessibility #A11y #Overlays #WCAG #ScreenReaders #Lighthouse #WebAIM #SemanticHTML #ARIA #InclusiveDesign #UserExperience #Technology #Frontend #FexingoBusiness #BusinessPodcast #WebDev #NoAds Keep every episode free: buymeacoffee.com/fexingo
    続きを読む 一部表示
    9 分
  • Why Your React App Renders Twenty Times on First Load

    Why Your React App Renders Twenty Times on First Load
    2026/06/06
    Lucas and Luna break down a common performance trap in React applications: excessive re-renders on initial page load. They trace the problem from a developer's console warning about 22 renders in under two seconds to the root cause — misuse of useEffect and stale closure patterns. Using a concrete example of a dashboard app fetching three unrelated API endpoints, they show how improper state batching and missing dependency arrays cause cascading re-renders that bloat render time from 200 milliseconds to nearly four seconds. The episode walks through React 18's automatic batching, the difference between urgent and non-urgent updates, and a practical migration path from useEffect to useSyncExternalStore for data subscriptions. Lucas references a real-world case where a SaaS team cut initial render count from 37 to 4 by splitting one component into three micro-components and switching to React Query for caching. Luna adds a note on React DevTools profiler output and how to interpret the flame graph's 'why did this render' tags. The conversation ends with a forward-looking note on React Forget, the compiler that aims to automate memoization in React 19. #React #ReactPerformance #ReRenders #useEffect #React18 #React19 #ReactForget #useSyncExternalStore #WebPerformance #Frontend #JavaScript #ReactDevTools #StateBatching #StaleClosures #ReactQuery #Memoization #FexingoBusiness #BusinessPodcast Keep every episode free: buymeacoffee.com/fexingo
    続きを読む 一部表示
    8 分
  • Why Your Monorepo CI Pipeline Runs Twice as Slow with NPM Workspaces

    Why Your Monorepo CI Pipeline Runs Twice as Slow with NPM Workspaces
    2026/06/06
    Episode 34 of The Web Development Podcast with Fexingo dives into a subtle but costly performance trap in monorepo setups: NPM workspaces' dependency hoisting logic that silently duplicates installs across CI cache layers. Lucas breaks down a real-world case where a 15-package monorepo's CI pipeline took 11 minutes per build—almost double what it should be—because npm's hoisting algorithm didn't play well with GitHub Actions' cache keys. He walks through the exact `npm ls` commands to detect the duplication, explains why pnpm's content-addressable store avoids the problem entirely, and shares a minimal `node_modules` traversal script to validate your own hoisting. Luna pushes back on whether the switch to pnpm is worth the migration cost, and Lucas offers a pragmatic middle path: pinning cache keys to the lockfile hash and using `--install-strategy=nested` to force local installations. The episode ends with a concrete checklist for any team running a monorepo on NPM today. #Monorepo #NPMWorkspaces #CIPipeline #DependencyHoisting #GitHubActions #CacheKeys #Pnpm #NodeModules #npmLs #Lockfile #InstallStrategy #BuildPerformance #DevOps #WebDev #Technology #FexingoBusiness #BusinessPodcast #WebDevelopmentPodcast Keep every episode free: buymeacoffee.com/fexingo
    続きを読む 一部表示
    11 分
  • Why Your Database Indexes Are Slowing Your Queries

    Why Your Database Indexes Are Slowing Your Queries
    2026/06/05
    On this episode of The Web Development Podcast, Lucas and Luna dig into a counterintuitive database performance trap: the index that looks helpful on paper but quietly degrades your write throughput and even some reads. Lucas walks through a real-world case from a mid-size e-commerce platform where adding a composite index on order status and created_at made the nightly batch job run 40 percent slower. They explain how B-tree depth, index selectivity, and write amplification interact, and why a multi-column index that seems perfect for a query can actually force the database to scan more pages than a full table scan. Luna shares a story about a PostgreSQL query planner choosing a bitmap scan over a perfectly good single-column index because the statistics were stale — and what the team did to fix it. They also cover practical tips for monitoring index bloat, using pg_stat_user_indexes, and knowing when to drop an index entirely. If you've ever added an index and seen no improvement, or worse, a regression, this episode is for you. #DatabasePerformance #PostgreSQL #Indexing #QueryOptimization #WebDev #Technology #FexingoBusiness #BusinessPodcast #Backend #SQL #BTree #WriteAmplification #IndexBloat #pgStatUserIndexes #CompositeIndex #BitmapScan #EcommerceBackend #DatabaseTuning Keep every episode free: buymeacoffee.com/fexingo
    続きを読む 一部表示
    8 分
  • Why Your Web App Fails Silent Data Corruption

    Why Your Web App Fails Silent Data Corruption
    2026/06/05
    Episode 32 of The Web Development Podcast tackles silent data corruption in web applications — the bug that doesn't crash, doesn't log, but slowly poisons your database. Lucas and Luna walk through a real-world case: an e-commerce site where price rounding errors cost $80,000 before anyone noticed. They explain how JavaScript's `Number` type behaves in financial math, why SQLite and Postgres handle decimal data differently, and the single test pattern you can adopt today to catch it. If you've ever seen a $0.01 discrepancy or a checkout total that felt 'off', this episode will change how you think about data integrity on the front end. #SilentDataCorruption #JavaScript #FloatingPoint #DecimalMath #Postgres #SQLite #ECommerceBug #DataIntegrity #WebDevelopment #Frontend #Backend #NumberType #RoundingErrors #Testing #SoftwareBugs #FexingoBusiness #BusinessPodcast #TechPodcast Keep every episode free: buymeacoffee.com/fexingo
    続きを読む 一部表示
    11 分
  • Why Your GraphQL Server Is Fetching the Same Data Three Times

    Why Your GraphQL Server Is Fetching the Same Data Three Times
    2026/06/04
    In this episode, Lucas and Luna dive into a common but often invisible performance bug in GraphQL APIs: the N+1 query problem in resolvers. They break down how a single GraphQL query can trigger dozens of redundant database calls, using a concrete example of a blog with authors and comments. Lucas explains batching and DataLoader as a fix, walks through the mechanics, and shares a real-world case where a team reduced API latency by 80 percent with one library swap. They also discuss how to detect the problem early with Apollo Studio and query logging. No hype, just practical debugging for your stack. #GraphQL #APIOptimization #DataLoader #NPlusOneProblem #WebPerformance #NodeJS #Backend #ApolloServer #DatabaseQueries #WebDev #FexingoBusiness #BusinessPodcast #Technology #SoftwareEngineering #Coding #WebDevelopment #PerformanceOptimization #TechTips Keep every episode free: buymeacoffee.com/fexingo
    続きを読む 一部表示
    11 分