Netflix Clone

Created Netflix Clone project while I was learning React. My main goal was to do most of the stuff using pure client-side React, from data fetching to state management, etc. This helped me understand the rendering behaviour of client-side React more deeply. It also helped me to have a better understanding of the shortcomings and limitations of using client-side React. In the end, I learn a lot of stuff and it was a fun project to build.

Some of the things that I learn while I was building this project:

  • Implementing efficiently lazy loading of images
  • Managing global pop-over states
  • Implementing client-side data fetching (without any third-party libraries)
  • Using React's useReducer in combination with useContext as an in-house state management solution
  • Optimising React's rendering behaviour to minimize unnecessary re-renders

For those interested, the complete source code is fully open sourced here.

Netflix Clone - Homepage
Netflix Clone - Homepage
Netflix Clone - Movies Page
Netflix Clone - Movies Page
Netflix Clone - Categories
Netflix Clone - Categories
Netflix Clone - Search
Netflix Clone - Search