Frontend System Design - Financial Dashboard 👨‍💻 Знаю, что задолжал я видос по System Design . В общем, сегодня разберем систем дизайн вопрос, который спрашивают фронтендеров в HFT. Что-то похожее есть в Citadel / Two Sigma интервью. Вроде получилось интересно (im my humble opinion) В этом видео разберем: 1. Как сделать многослойный CSS Grid Canvas для финансовых графиков и виджетов, который будет поддерживать ресайзинг и drag-and-drop 🚀 2. Как поддерживать унифицированный интерфейс данных на API и иметь разные модели данных в самих графиках 📑 3. Как хранить и оптимизировать выгрузку большого массива финансовых данных 4. Web-Transport и почему я не фанат веб-сокетов. 5. Сериализация 6. Поддержка многооконности Пиши комментарии, мне всегда интересно почитать. Если думаешь, что дизайн говно, тоже пиши, пускай все узнают, как можно сделать лучше. ——— Frontend System Design - Financial Dashboard 👨‍💻 I know I owe you all a System Design video. So, today we’re going to break down a system design question that’s often asked of frontend engineers in HFT interviews. There’s something similar in Citadel / Two Sigma interviews. I think it turned out quite interesting (in my humble opinion). In this video, we’ll cover: 1. How to build a multi-layer CSS Grid canvas for financial charts and widgets that supports resizing and drag-and-drop 🚀 2. How to maintain a unified data interface at the API level while using different data models inside the charts 📑 3. How to store and optimize the export of large volumes of financial data 4. WebTransport and why I’m not a fan of WebSockets 5. Serialization 6. Multi-window support Leave a comment—I always enjoy reading them. And if you think the design can be improved, write that too! Let everyone know how it could be done better. https://www.youtube.com/watch?v=HR2jXy_wPg4&ab_channel=Front-EndEngineer YouTube 📹 — Medium 📑 — LinkedIn 👨‍💻