Comments (6)
https://medium.com/js-imaginea/the-vue-js-internals-7b76f76813e3
from yorkie-js-sdk.
I am interested in this issue. And I want to think about it together.
I think the problem is that the entire data structure is re-rendered when the data structure is updated, is that what I think is correct? Can I think it is the same as the #18 issue?
from yorkie-js-sdk.
@hackerwins I built a Kanban board app with 'vue' to experiment with this issue.
This Kanban board is based on the Kanban board of yorkie-team.github.io
.
I hope this project can help experiment with this.
from yorkie-js-sdk.
@dc7303 You even made an example. 👍
We found Yorkie's Document and Vue to work well, but I'm not sure about rendering performance, so We left this issue open.
from yorkie-js-sdk.
@hackerwins Thanks for the answer.
Data of Document
is deep copied when Document
is updated.
At this point, the list is re-rendered, so if there are many list elements, the overhead is large.
So, the problem can be solved only if the internal data of Component
can be operated without being dependent on the data of Document
. However, I think this implementation is difficult in the current structure. The library for the vue, the vue version SDK, etc. may be the solution, but I'm not sure.
So I'm going to think about this in the long run.
from yorkie-js-sdk.
Performance improvement is needed for Vue.js, but we will close it for now and reopen it when the rate rises.
from yorkie-js-sdk.
Related Issues (20)
- Prevent watch stream from reconnecting after intentional pause or detach
- Error in treePath for Remote Changes in `tree.edit` operation for concurrent edit HOT 3
- Reduce npm install time in CI
- Remove Client.subscribe HOT 2
- Reset online clients when stream is disconnected
- Hot reloading not working when running `npm run dev` HOT 1
- Handle watch stream interruptions gracefully without exposing errors to users
- Create Fun Collaborative Examples Like r/place HOT 3
- Optimize sync requests in push-only syncMode to avoid unnecessary syncs
- Update `removedAt` for already deleted tree and text nodes when performing range deletion operation HOT 2
- Prevent `remote-change` event in `RealtimeSyncOff` mode
- Provide a method to subscribe to document status changes
- Consider adjusting default log level to improve developer experience HOT 10
- Enhance Devtools UI with Root-only Filter Feature In History HOT 5
- Error `document not attached` occurs when Detach and Sync race HOT 3
- TypeScript Error in Devtools: `TransactionEvent` HOT 5
- Add Yorkie devtools contribution guide HOT 1
- `document.subscribe('status')` event is not being triggered HOT 2
- Unsupported Node.js Version Error: Incompatible with eslint-plugin-jsdoc HOT 1
- Proposal: Introduce`Changesets` for automated versioning and Changelog management
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from yorkie-js-sdk.