Frontend System Design Questions ( Toast Component ) - HLD, LLD, Interview Experience, etc 🔥🔥

preview_player
Показать описание

Frontend System Design Question on building a Scalable Toast or Notification Component 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 -

➡️ Source Code -

👤 Join the RoadsideCoder Community Discord -

🔗 React JS Interview Series -

🔗 MERN Stack Chat App Tutorial -

🔗 JS Interview Series -

🔗 Cars24 Interview Experience -

🔗 Unacademy Interview Experience -

🔗 Tazorpay Interview Experience -

🔗 React Beginner's Project Tutorials -

#JavascriptInterview #ReactInterview #ReactJS

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

00:00 Problem Statement
01:23 Requirement Gathering
01:39 Functional Requirements
02:55 Non Functional Requirements
03:53 High Level Design (HLD)
06:26 Low-Level Design (LLD)
09:48 Notification UI
15:12 useNotification Hook
21:17 Optimisations
22:21 Implement Animation, Accessibility, Stacking etc

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

⭐ Support the channel -

Special Thanks to our members -
Рекомендации по теме
Комментарии
Автор

Roadside to Dream Job - Frontend Interview Prep Course 🔥🔥

RoadsideCoder
Автор

Your paid course is super best .I have one request to you please add one mega project in react which helps us in our interview.❤

sanjaythakur
Автор

you are such a great dedication for teaching us is ❤‍🔥❤‍🔥❤‍🔥

NehaSingh
Автор

Finally 1L Subscribers count is completed brother very happy for you 🤝😍

Solo_playz
Автор

Very nice curation Piyush, I have another approach using react.context as well, that also works like charm.

saquibakhter
Автор

This content is amzing please continue system design playlist

sabafarzan
Автор

Congratulations on 1L subs.

As always, simple but informative video.

saiphaneeshk.h.
Автор

thanks for the valuable content. It is helping a lot.

ruchivora
Автор

Hello sir,

Is there any documentation available for understanding how you pass data from props, dynamically and many more small small features,

It will be great if you provide, and also for same code

user_abhigupta
Автор

I don’t get why you use usecallback and why timer was not working before that…please explain

bodhitdarji
Автор

wish that animation and stacking of toast was also implemented.

Koii
Автор

Please, make a video for prototypal inheritance.

rakeshrawat
Автор

You make really good videos and are really helpful for interview prep, thank you for that, but it really makes it harder to focus when you zone out and ask the viewers to subscribe to your channel and advertise your coursework, it kindof takes things offroad

beyondtheperception
Автор

Is system design covered in yoir course? I do not see system design section

sumeetsood
Автор

HI, create a video on frontend system design

dev_diaries
Автор

Will there be a course on nextjs?
As it is the new hype now.

saiphaneeshk.h.
Автор

Do we have to be this fast in interviews?😮 I feel I am pretty slow after seeing this

kavyak
Автор

bro I need your suggestion: I am a CS student but I have 8 months of non-Tech(sales) Experience. Now I am looking for Web-Dev job. Should I mention that experience in my resume or not ?

ShreyaPlayzzz
Автор

Hi
Not able to join the discord community

sameekshagupta
Автор

Ye aapke paid course se different hai? Jo interview course hai

jhonsnow