COMPLETE SYSTEM DESIGN OF GOOGLE DOCS [2022 LATEST] - Concurrent editing, Version history & More 🔥

Рет қаралды 7,713

Жыл бұрын

Join Uncommon Geeks community to discuss with other developers: t.me/uncommongeek. #javascript #interview #systemdesign #frontenddeveloper
UncommonGeeks is a KZfaq channel dedicated to helping candidates clear their interview. There are close to 70+ videos and new videos will be uploaded every week. If you're seriously preparing for interviews and looking for tips and tricks, please subscribe to my channel and press the bell icon.
Chapters:
Concurrent editing : • COMPLETE SYSTEM DESIGN...
Version history: • COMPLETE SYSTEM DESIGN...
Offline support: • COMPLETE SYSTEM DESIGN...
If you want to be part of my next video, please register here: forms.gle/BiCxXUepjrZDoWJH7
What is frontend system design: • 🔥 What is frontend Sy...
🔥 How KZfaq System works ?🔥 Frontend High Level System Design of KZfaq #youtube #interview: • 🔥 How KZfaq System w...
InterviewPreparation series : • Watch this series and ...
Medium Blog / mevasanth
Follow me on LinkedIn - / vasanth-bhat-4180909b
Github Repository that contains presentation: github.com/coolvasanth/FrontE...
JavaScript Custom implementation|polyfills introduction: • Learn Custom implement...

Пікірлер: 38

@PranitKothari 6 ай бұрын

Awesome video. Notes for myself from ChatGPT. Recording Operations: When you edit a document, like adding or deleting text, these edits are recorded as operations. Sharing Operations: These operations are then sent to the server or to other users who are working on the same document. Transforming Operations: This is the crucial part. If two people make different changes at the same time, OT transforms these operations. For example, if you add a word at the start of a sentence and someone else deletes a sentence further down at the same time, OT recalculates the second person's deletion point considering the word you added. Applying Operations: Finally, these transformed operations are applied to the document. This ensures that everyone sees a consistent version of the document, even though changes were made at the same time.

@careerwithvasanth 6 ай бұрын

Appreciate the detailed comments !!

@hemanthaugust7217 7 ай бұрын

Great content and easy explanation.!! Small correction: 15:12 Monorepo is a style of organising various projects code in a single repo, instead of having multiple code repos. It's not about runtime Architecture.

@yashvaibhav925 Жыл бұрын

I am so delighted to have my knowledge outright multiplied from a single video!

@careerwithvasanth Жыл бұрын

Thanks for commenting Yash. In case if you not subscribed to my channel please subscribe and press the bell icon and watch all my videos and share the channel with your friends.

@yashgupta3634 Жыл бұрын

Keep going vasant, community is learning a lot from your videos.

@careerwithvasanth Жыл бұрын

Thanks Yash !! many videos are lined up. Will add them soon.

@PEqualsN.P 22 күн бұрын

Wait, how does server send "Server sent events" ? The connection needs to be bidirectional for the server to communicate via Sockets. Else, client have to initiate the communication request and server can ack using polling.

@kafychannel Жыл бұрын

please continue extremely love it !

@careerwithvasanth Жыл бұрын

I'm quite occupied Kostya due to which not continuing this series. It take days of research to make video like this. But this is one of my favourite series, will surely continue it.

@gurmeetchawla8362 Жыл бұрын

I think a high level diagram is missing from this to make it a complete system design video. Information is going to make sense to someone who knows about the system otherwise one will feel lost.

@sameerakhatoon9508 Жыл бұрын

Was recommended your video in my feed, thanks yt!!

@sameerakhatoon9508 Жыл бұрын

Your consent is dope!!

@careerwithvasanth Жыл бұрын

Thanks for commenting. In case if you not subscribed to my channel please subscribe and press the bell icon and watch all my videos and share the channel with your friends.

@sameerakhatoon9508 Жыл бұрын

@@careerwithvasanth sure, subscribed & notifications are on, waiting for more such amazing episodes

@kovendanragupathi7632 Жыл бұрын

Thank you bro making system design videos

@careerwithvasanth Жыл бұрын

Keep watching

@zdargahi 5 ай бұрын

what a great explanation of these important algorithms in an important system

@careerwithvasanth 4 ай бұрын

Glad it was helpful!

@manishiet2k Жыл бұрын

Good one

@TheHariPutraOfficially Жыл бұрын

Super jalla tugel video and explanation anna

@careerwithvasanth Жыл бұрын

Thank you

@jayantgangwani7336 5 ай бұрын

Liked the explanation. Can you detail more about operational transformation.

@careerwithvasanth 4 ай бұрын

That is the plan to add more system design videos. Keep me subscribed and you should start seeing new videos soon.

@codeguru9543 Жыл бұрын

Thanks for this tutorial

@careerwithvasanth Жыл бұрын

You're welcome 😊, please share channel details with your friends.

@coderintrovert Жыл бұрын

Awesome content❤. One suggestion : Please invest in good quality microphone.

@careerwithvasanth Жыл бұрын

Thanks for commenting. In case if you not subscribed to my channel please subscribe and press the bell icon and watch all my videos and share the channel with your friends. Your suggestion is taken, soon I have plans to upgrade recording capabilities.

@ShubhamVsCode 11 ай бұрын

I was building Google Docs Clone and I solved the concurrent editing problem with the help of Quill Js (a library for Rich Text Editing). It gives us a Delta on each keystroke which i can emit on my socket server and the server can emit it on other users system. But the problem is i am not able to save my document effectively. My Approach : 1. Store the whole document on each stroke with debouncing on saving. 2. Saving the Deltas (changes) in an array. Both the approaches are not that good. So how can i solve this problem.

@anxiousProgrammer 11 ай бұрын

delta means hash? or you are talking about new state that you get after each keyStroke

@ShubhamVsCode 11 ай бұрын

@@anxiousProgrammer delta means the change we get by pressing a key on keyboard like insert H or delete H

@anxiousProgrammer 11 ай бұрын

@@ShubhamVsCode 👍

@ayushkushwaha171 9 ай бұрын

Hi Shubham, were you able to solve your problem and have you published your code on github ? would love to see

@sivanesh-s 8 ай бұрын

I'm also doing the exact same thing. I made the clients sync with currentChanges.transform(remoteChanges, true) transform a function from the package quill-delta. But I don't know how to keep the server's central data in sync with all the changes from different clients.