Скачать или смотреть [Front-End System Design] - Typeahead component

Greetings, everyone! Welcome to the latest episode of Front-End System Design. During my recent interview season, I encountered a recurring question across multiple companies. It turns out, the initial version of system design for this component was uploaded two years ago. In light of this, I've taken the opportunity to remaster Typeahead system design. I've added multiple technical details. Prepare some tea, put the video on 1.5 speed ;D, give me your great like and don't hesitate to ask questions in comments section!

00:00:00 0. Intro
00:00:38 1. General requirements
00:04:46 1.1 Architecture types
00:04:50 1.2 Stateless
00:05:22 1.3 Stateful
00:06:21 1.4 Hybrid
00:06:48 1.5 Stateless Pros / Cons
00:10:10 1.6 Static Pros / Cons
00:10:46 1.7 Hybrid Pros / Cons
00:13:13 1.8 Summary for architecture types
00:15:14 2. Advaced requirements
00:19:11 3. Mock-up of typeahead
00:20:05 4. API Design
00:25:24 5. State Design
00:27:08 5.1 Trie Overview
00:32:00 5.2 LRUTrie
00:32:59 6. Data-flow
00:33:41 6.1 Stateless Data flow
00:34:10 6.2 Static Data flow
00:34:56 6.3 Hybrid Data flow
00:36:08 7. Race Condition handling
00:39:07 8. Optimization
00:39:30 8.1 Network
00:44:06 8.2 Rendering
00:48:37 8.3 JavaScript
00:54:09 9. Accessibility

Telegram: https://t.me/frontend_engineer_blog
Medium:   / evgeniiray  
LinkedIn:   / evgenii-ray  

#systemdesign #frontend #frontenddev