Explore practical best practices for building fast, maintainable, accessible web apps in 2025. From state management myths to hybrid rendering, code splitting, caching, server actions, and accessibility.

0:24 Welcome & live optimization format 0:40 About Shruti (creator; quit 9–5) 1:16 ReactFlix: 30s LCP vs 1.28s goal 1:52 App tour (hero, trending, details) 2:38 Why it’s slow: load-everything & LCP metrics 3:53 Step 1: Bundle analysis & big offenders 5:12 Code-splitting (Vite) & heavy components 6:58 MovieList bottleneck (many cards & client fetch) 8:41 Profiling: 54 re-renders → add React Compiler 13:15 Step 2: SSR with TanStack Start 15:02 Result: 7.67s LCP + prefetch on hover 17:25 Step 3: Images (fetchpriority + lazy-load) 20:10 Final LCP ~1.28s 20:18 Recap & optimization checklist

What's New in React and Next.js