I've watched every video in your FE System Design playlist so far and I must say, 2nd the season is a huge bump in the quality of explanation and presentation. Thanks for your fantastic contribution to the community ❤
At 18:19, I don't think that absolute positioning or using 3D transform will prevent a reflow. What it will do is create new layer. But any dom manipulation you do like changing width of cell will still be done on the main thread.
hi. thx for the great video) On 23:00 you are talking about keeping the height of the table after moving the elements - don't you think that you don't need any margins/paddings because your rows are positioned absolutely and what you need is only to update the height of the parent container?
@@FrontEndEngineer These types of apps are meant to be collaborative by default. Otherwise i'd just use Excel spreadsheets. The back-end interaction, specifically mentioning how websockets are involved is critically important to consider. As a simple example what if two different users create different formulas for a particular cell. How will the dependency resolver be modified to account for this? Usage of cell-locks per user or something else would be extremely beneficial to talk about.
Do you also have code for the scrolling logic with intersection observer and how to re-use existing elements from DOM buffer ? I am wondering what would be the DOM api's to accomplish the re-use logic.
Great video! Can you review how to develop and implement a text editor like CKEditor/tinyMCE/Google Docs/Notion with collaborative editing? I think it's very interesting and hard.
Canvas is really great for performant UIs. I do believe that with a time, we'll see more canvas based application solutions. But I think, Google Sheets, Docs and etc are the great examples.
An unrelated question (not 100% unrelated): Do you know why Tiktok is not removing/updating their existing nodes as you scroll down? They keep adding new nodes. However, I don't feel laggy as the nodes keep increasing.
![[Front-End System Design] - Google Calendar](http://i.ytimg.com/vi/leo1FZ6vu1I/mqdefault.jpg)
![[Front-End System Design] - Google Calendar](/img/tr.png)
![[Front-End System Design] - Typeahead component](http://i.ytimg.com/vi/9mjsRrJYOWE/mqdefault.jpg)
![[Front-End System Design] - Chat application](http://i.ytimg.com/vi/LEaiGjffLEs/mqdefault.jpg)
I've watched every video in your FE System Design playlist so far and I must say, 2nd the season is a huge bump in the quality of explanation and presentation. Thanks for your fantastic contribution to the community ❤
Thanks a lot! I'm happy to hear that my effort in improving the quality is paid of with such kind words ☺
Oh boy, that "oh boy" melted my heart! Thanks for the new season, keep up the good work! ❤
Thanks Vitya! 😍
good to see you back and leveled up!
Thank you so much for your videos. Thanks to you I passed my System Design interview! Keep going!!
You are doing a great job dude....
At 18:19, I don't think that absolute positioning or using 3D transform will prevent a reflow. What it will do is create new layer. But any dom manipulation you do like changing width of cell will still be done on the main thread.
hi. thx for the great video)
On 23:00 you are talking about keeping the height of the table after moving the elements - don't you think that you don't need any margins/paddings because your rows are positioned absolutely and what you need is only to update the height of the parent container?
@33:45 shunting yard yes but how would you use dijksra for parsing algorithm?
I cannot find the link to the article recommendation you mentioned at 24:02 of the video
Great video! I learned so many things out of it. Thanks!
This is a gem! Thanks for sharing all this knowledge dude! :)
Looking forward to seeing the next video about Google Calendar! :D
coming next week :)
Google Docs also please 😊
Thanks for sharing the video! Looking forward to the next one 😀
Using CSS to adjust position of the table cells will break accessibility entirely, ie tab order does not change
This is perfect. Add a little bit of front-end and back-end interaction, please
In this video, I focused on offline mode only, because the sheet app can work without server and the core stuff is executed on the server
@@FrontEndEngineer These types of apps are meant to be collaborative by default. Otherwise i'd just use Excel spreadsheets. The back-end interaction, specifically mentioning how websockets are involved is critically important to consider. As a simple example what if two different users create different formulas for a particular cell. How will the dependency resolver be modified to account for this? Usage of cell-locks per user or something else would be extremely beneficial to talk about.
@@tobiahrex I couldnt agree more!! I assumed this would be covered. @FrontEndEngineer Can you give us another video covering those? Pretty please?
Great review and content! 👑
Thank you for the awesome content. Keep going, we love it!
Do you also have code for the scrolling logic with intersection observer and how to re-use existing elements from DOM buffer ? I am wondering what would be the DOM api's to accomplish the re-use logic.
This is incredible. Thank you
i just got rekted by this question in a major way on an interview so this is helpful for sure 🤣
Great video!
Can you review how to develop and implement a text editor like CKEditor/tinyMCE/Google Docs/Notion with collaborative editing? I think it's very interesting and hard.
Thanks for suggestion. Notion is in my list :)
Thanks a lot for this amazing playlist, i would really like if you would do a system design over Spotify
perfect, always wait video of you.
Hey
Can you do a system design of Jira active sprint board.
Great job.
How we recycle elements if new elements have different styles? example in google sheet we can resize height of cell
Thanks so much for these! Do you think Flutter Web (when it matures) will be a good tool for apps that benefit from working in canvas?
Canvas is really great for performant UIs. I do believe that with a time, we'll see more canvas based application solutions. But I think, Google Sheets, Docs and etc are the great examples.
An unrelated question (not 100% unrelated):
Do you know why Tiktok is not removing/updating their existing nodes as you scroll down? They keep adding new nodes. However, I don't feel laggy as the nodes keep increasing.
all this is theoritical , bit do have a basic practical implementation of this?
I do a small proof of concept before creating these videos, however a complete coding implementation will take a lot more than 1 hour.
Thank you
Can you share virtualization implementation link, thanks.
I think it's embedded in the video?
Thanks
Хороший английский и видево интересное
Second season only had 1 episode it seems 😂
lol if i had to do this for an interview I would be screwed
Yes, It's not that easy to come up with that on the interview
😍😍😍😍😍😍💗💗💗💗💗