Frontend System Design Questions ( Nested Comments ) - HLD, LLD, Interview Experience 🔥🔥

Published: 30 June 2024
on channel: RoadsideCoder
16,104
415

➡️ My Frontend Interview Preparation Course - https://roadsidecoder.com/course-details (50% off)
🟪 My Instagram -   / roadsidecoder  
➡️ Book an Interview Preparation call with me - https://topmate.io/roadsidecoder

Frontend System Design Question on building a Scalable Nested Comments Component like reddit will be discussed in this video along with Requirement gathering, HLD, LLD and Optimisations on this. We will also discuss tips and tricks to tackle your React JS and JavaScript Questions in Frontend System Design Interviews.

🔗 Frontend System Design Interview Series -
   • Frontend System Design Interview Ques...  

➡️ Source Code -
https://github.com/piyush-eon/fronten...

👤 Join the RoadsideCoder Community Discord -
  / discord  

🔗 React JS Interview Series -
   • Frontend Machine Coding Interview Que...  

🔗 MERN Stack Chat App Tutorial -
   • MERN Stack Chat App with Socket.IO Tu...  

🔗 Complete Data Structures and Algorithms with JS Course -    • Data Structures and Algorithms in Jav...  

🔗 JS Interview Series -
   • Javascript Interview Questions ( Var,...  

🔗 Cars24 Interview Experience -
   • Frontend Interview Experience (Cars24...  

🔗 Unacademy Interview Experience -
   • Frontend Interview Experience (Unacad...  

🔗 Tazorpay Interview Experience -
   • Frontend Interview Experience (TazorP...  

🔗 React Beginner's Project Tutorials -
   • React JS Project Tutorials 🔥🔥  

#JavascriptInterview #ReactInterview #ReactJS

-------------------------------------------------------------------------

00:00 Intro
02:00 Functional Requirements
02:41 Non Functional Requirements
03:27 High Level Design (HLD)
04:19 Low Level Design (LLD)
05:09 Setup a New React App
07:49 Comment Data Structure
08:39 Nested Comments Component
09:33 Rendering Comments
19:18 Recrursive Reply Rendering
22:03 DFS to insert a comment / reply
28:57 Edit Comments
35:40 Delete Comments
39:08 Typescript, sorting, accessibility, up/down vote, etc

-------------------------------------------------------------------------

⭐ Support the channel -
   / @roadsidecoder  

Special Thanks to our members -