The Web Development Podcast with Fexingo: Frontend, Backend, and Modern Web Stack

Safari is the new Internet Explorer — web developers are discovering subtle rendering bugs, missing APIs, and performance quirks that break apps that work perfectly in Chrome. Lucas and Luna unpack specific Safari-specific issues like the 4MB tab crash limit, the missing `:has()` selector support in older versions, and how `position: sticky` behaves differently inside overflow containers. They share concrete workarounds: feature detection with `@supports`, avoiding `-webkit` prefixes that mask real bugs, and testing with Safari Technology Preview. This episode is a practical survival guide for anyone shipping web apps to iPhone and Mac users without losing their sanity.

#SafariBugs #WebCompatibility #BrowserQuirks #CSS #JavaScript #FeatureDetection #WebDevelopment #Frontend #Apple #WebKit #PositionSticky #HasSelector #TabCrash #SafariTechnologyPreview #Technology #FexingoBusiness #BusinessPodcast #TheWebDevelopmentPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 60 of The Web Development Podcast digs into a hidden privacy & performance issue: third-party scripts that exfiltrate user data from your web app in plain sight. Lucas and Luna use a real-world case—a mock e-commerce site loading a tracking script from a seemingly reputable CDN—to show how a single fetch call can silently leak browsing history, cart contents, and even keystrokes. They walk through code examples using the Network tab, explain how subresource integrity (SRI) fails when scripts are dynamically appended, and demonstrate a fix using Content Security Policy (CSP) with script-src and nonce. The episode also covers how to audit existing dependencies with tools like Lighthouse and Sentry. No alarmism—just practical steps to protect users. If today's tech conversation gave you something usable, consider supporting the show at buy me a coffee dot com slash fexingo.

#ThirdPartyScripts #DataLeak #WebSecurity #ContentSecurityPolicy #SubresourceIntegrity #CSP #SRI #Privacy #JavaScript #WebDev #Frontend #Performance #Audit #Lighthouse #Sentry #Technology #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna dig into the hidden flaws of Google's Lighthouse performance score — how the weightings misalign with real user experience, why a perfect 100 can still feel slow, and what tools like WebPageTest and the Chrome User Experience Report actually tell you. They break down the specific scoring categories, the gap between lab data and field data, and practical steps to audit your audits. If you've ever chased a green Lighthouse badge only to wonder why your site still drags, this episode is your reality check.

#Lighthouse #WebPerformance #CoreWebVitals #PerformanceAuditing #LabVsField #Frontend #WebDev #Tech #FexingoBusiness #BusinessPodcast #WebDevelopmentPodcastWithFexingo #LucasAndLuna #PerformanceScore #WebPageTest #CrUX #SiteSpeed #SEO #DeveloperTools

Keep every episode free: buymeacoffee.com/fexingo

Episode 58 of The Web Development Podcast: Lucas and Luna dive into the hidden cost of images on web performance. They explore why a single unoptimized hero image can add seconds to load time, how modern formats like AVIF and WebP compare, and why responsive images with srcset and sizes attributes are still underused. With real numbers and a walkthrough of Lighthouse audits, they show how simple fixes can cut image payload by 60% or more. Plus, a quick behind-the-scenes on how listener support keeps the show ad-free. Perfect for frontend developers and site owners who want faster pages without sacrificing quality.

#WebPerformance #ImageOptimization #AVIF #WebP #Lighthouse #CoreWebVitals #ResponsiveImages #srcset #SizesAttribute #LazyLoading #Technology #Frontend #WebDev #FexingoBusiness #BusinessPodcast #WebDevelopment #PerformanceBudget #ImageCompression

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna dig into a quietly pervasive issue in modern NextJS apps: server actions that inadvertently expose internal API endpoints, database schemas, or even PII through client-server boundary leaks. They walk through a real-world example from a fintech startup's recent security audit, showing how a simple form action can leak your entire Prisma schema, and explain the one-line fix most teams miss. Touching on framework design trade-offs, Vercel's stance, and the broader trend of server components blurring the line between client and server, this episode gives you a concrete audit checklist for your own codebase.

#NextJS #ServerActions #WebSecurity #DataLeakage #ReactServerComponents #Vercel #Prisma #APILeak #FrontendSecurity #WebDevelopment #Technology #FexingoBusiness #BusinessPodcast #LucasAndLuna #WebDevPodcast #Fintech #CodingBestPractices #BundleAnalysis

Keep every episode free: buymeacoffee.com/fexingo

In this episode, Lucas and Luna dig into one of the most insidious performance bugs in modern web apps: memory leaks caused by JavaScript closures. They break down how closures work under the hood, why they can hold onto references long after you think they're gone, and real-world examples like React's useEffect and event listeners. You'll learn practical patterns to avoid accidental retention, how to use WeakMap and WeakRef, and why Chrome DevTools memory snapshots are your best friend. If you've ever seen a page slow down after a few minutes, this episode explains why and how to fix it for good.

#JavaScript #Closures #MemoryLeak #WebPerformance #React #DevTools #Frontend #Backend #Technology #WebDevelopmentPodcast #Fexingo #FexingoBusiness #BusinessPodcast #Episode56 #MemoryManagement #ChromeDevTools #WeakRef #EventListeners

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna tackle a surprisingly common web performance issue: images loading twice in the browser. They break down the root cause—unoptimized responsive image markup and missing size attributes—and walk through concrete fixes using srcset, sizes, and lazy loading. Along the way, they share real-world data: a typical media-heavy site wastes over 200KB per page load on duplicate image requests. Perfect for any developer who's ever seen their network tab full of 200s for the same image file.

#WebPerformance #ImageOptimization #ResponsiveImages #Srcset #SizesAttribute #LazyLoading #Frontend #WebDev #PageSpeed #CoreWebVitals #LCP #CLS #ChromeDevTools #Technology #WebDevelopment #FexingoBusiness #BusinessPodcast #Fexingo

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna dive into a subtle but common cause of memory leaks in React apps: closures that capture stale references. They trace the problem from a real-world case at a mid-size SaaS company whose dashboard crashed after 15 minutes of use. Lucas explains how closures work in JavaScript, why React's hooks make the issue worse, and how the team fixed it with useRef and useCallback. Luna brings data from Chrome DevTools memory profiling showing a 200MB leak in under an hour. The episode ends with a practical checklist for auditing your own app for closure-related leaks. A short, honest mention of listener support via buy me a coffee dot com slash fexingo keeps the show ad-free.

#React #MemoryLeak #JavaScriptClosures #WebPerformance #Hooks #UseRef #UseCallback #ChromeDevTools #SaaS #Frontend #Technology #FexingoBusiness #BusinessPodcast #WebDev #Debugging #PerformanceOptimization #GarbageCollection #ReactHooks

Keep every episode free: buymeacoffee.com/fexingo

Episode 53 of The Web Development Podcast dives into a silent performance killer in modern web applications: empty async functions generated by TypeScript's `downlevelIteration` and `importHelpers` settings. Lucas and Luna trace the problem from a single misconfigured `tsconfig.json` to a 12KB bloat in a production bundle, using a real-world case from a fintech startup's dashboard. They explain why Babel and TypeScript disagree on async generator transpilation, how unused `__awaiter` helpers accumulate, and exactly which webpack analyzer tool surfaces the issue. Listeners walk away with a concrete checklist: two TypeScript compiler flags to toggle, one webpack plugin to add, and a 30-second Lighthouse audit step that catches this pattern. No abstract theory — just a fix that drops bundle size by 8 percent on a typical React app.

#TypeScript #Webpack #BundleOptimization #AsyncFunctions #DownlevelIteration #JavaScript #WebPerformance #Lighthouse #Babel #TreeShaking #Technology #WebDevelopment #FexingoBusiness #BusinessPodcast #Episode53 #Fintech #WebDevTips #CodeBloat

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna uncover a common performance drag in modern web apps: shipping entire icon libraries — often hundreds of SVGs — when only a handful are used. They trace the issue from webpack bundling defaults to tree-shaking failures, using Material Icons and Font Awesome as concrete examples. They show how a typical React app with a 20-icon menu still bundles 2,500+ unused SVGs, adding 150KB to the initial load. The episode explores automated solutions: icon subsetting with SVGO-based build plugins, dynamic imports with icon-loading strategies, and lint rules that flag unused icon imports. Listeners learn one specific fix they can apply today to shave seconds off their Lighthouse performance score and reduce bandwidth by 30 percent.

#WebPerformance #Webpack #SVG #IconBundles #TreeShaking #BundleSize #FrontendOptimization #MaterialIcons #FontAwesome #SVGO #Lighthouse #React #BuildTools #Technology #WebDev #FexingoBusiness #BusinessPodcast #Fexingo

Keep every episode free: buymeacoffee.com/fexingo