[Frontend System Design] Web Storages

This is the second video in the System Design Building Blocks series. In this series, we're discussing various frontend topics that will help to ace system design interview, even if you've never seen the application you need to develop before.

Today we're going to talk about web storages. We'll discuss Local, Session Storages, Indexed DB, and others. We'll also discuss when it's better to move data to the server and not use client-side storages at all.

Previous video in the series (Real-time updates. Web Sockets, Long Polling, Server Sent Events):

System Design Building Blocks Playlist:

Frontend System Design Examples Playlist:

⏱ Timestamps:
00:00 About the series
00:40 Introduction
03:05 URL
05:24 Cookies
09:29 Local Storage
13:36 Session Storage
15:36 Cache API
17:37 Browser's Cache
19:16 Indexed DB
22:33 Quotas
24:10 Eviction Policy
25:15 Databases
27:33 Store Managers
28:25 Example: Facebook
34:13 Summary
35:28 Outro

👥 Contacts:

Music: Purple LoFi Chill Beats - Evening

Icons:

Subscribe button:

#frontenddesign #techinterviewtips #faang #systemdesign #webstorages #indexeddb #cookies #url #localstorage #sessionstorage #database

[alamir]

System design episodes are great, Thanks ❤

[xtz_]

Amazing content 😮,

keep going and waiting for more amazing videos

[Benyamin-parsa]

amazing man! your knowledge is excellent but your teaching is fantastic. keep going it please! 👌

[fatihece]

Many thanks sir, your video content and quality is unique .

[muhammadraihan]

please consitent make video like this, you're explanations make me good at it

[marktomlful]

Super helpful, Dmitriy, thank you! Question: what if the user is not signed in to his or her account? Where would be the appropriate place to store the message draft? Or take another example: a wishlist on an ecommerce site. Just say we want to allow non-authenticated users to save items to a wishlist, and if they later authenticate, store that wishlist against their profile in a db. What would be the appropriate storage for the non-authenticated part in your opinion? Thanks again for the awesome vid!