15-building-advanced-features

15 - Building Advanced Features [Youtube]

In the first half, we implemented advanced features in Youtube Clone app like searching, how to improve app performance using debouncing, caching and Integration. Second half, we understood how to implement nested comments features.

Topics Coverd:-

While creating youtube clone covered:

• Higher Order Component
• How search works?
  • debouncing with 140ms as per youtube (to improve performance)
  • caching using redux store
• Created N-level nested comment (using recursion)

Notes:

• Notes.md

Coding:

• Write a High Order Component to modify the VideoCard
• Use youtube search API to build search bar
• Use debouncing to optimise the network calls
• Use Caching to optimise the search
• Build Nested Comments in the watch page

Quick Code Reference

Project	Tech Stack	Source Code
Youtube Clone	React	index.js App.js Header.js SearchContainer.js SearchResult.js searchCacheSlice.js store.js Body.js WatchPage.js constant.js CommentContainer.js Comment.js .env constant.js

References:

- BigBucket - YouTube app - https://bitbucket.org/namastedev/my-youtube/src/master/