// the find
karlhadwen/netflix
Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Netflix Using React
A Netflix UI clone built as a 10-hour YouTube tutorial project. It covers auth, protected routes, Firestore data fetching, and styled components — aimed at React learners who want to build something that looks real while picking up patterns like compound components and custom hooks.
The compound component pattern is applied consistently across 10+ components, which is a genuinely useful pattern to study — most tutorials don't get this far. Custom hooks (use-auth-listener, use-content) are properly separated from the UI layer. Snapshot tests cover every component, so you can see exactly what the rendered output looks like without running the app. The container/component split is clean — containers handle data, components are dumb.
The repo is effectively frozen (last meaningful activity was 2021, the 2024 push was likely a minor fix). Firebase v8 API is used throughout — the compat layer still works but anyone starting today would need to rewrite to the modular v9+ SDK. There's no actual streaming or video playback beyond a single placeholder mp4; the player component is a prop-drilled shell. Snapshot tests tell you nothing about behavior — a component that renders broken HTML passes as long as the snapshot matches.