Step-by-step tutorials with source code
Handpicked links and learning materials
Optional notes about this collection can go here. These notes will only render if the notes property is present.
- Stay aware about the time (45-60 min) - Requirements Gathering: (5min) - Functional requirements - Non functional - Architecture (Component Design): (10min) - Build component relationship based on requirements - Data Model: (10min) - Design component models & its state - State management - local component state, global state - Interface API: (15min) - API design - /user, /posts, etc - Communication protocols - HTTPS, GraphQL, Sockets, etc - Optimizations and Deep Dive: (30min) - Advance topics like web workers, asset optimization, accessibility again based on your requirements. - Avoid mentioning topics which you are not strong in like Web Security, gRPC, Web streaming, etc. Upcoming videos we will go deep in each topic, this prep is enough for any frontend system design interview.