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 👨‍💻