Vue DevTools v9 Beta is out! 🚀 ✨ Reactivity Relationship Graph ⚡ Performance boost · 📦 80% smaller packages 🧩 Built on Vite DevTools & Devframe And more... check it out 👇

@evanyou @vuejs Amazing work!

@Mokkapps @vuejs amazing! 😍

@vuejs the smaller package size is a massive win, but i'll need to see if the graph actually helps my debugging flow first.

@vuejs Large trees with hundreds of watchers are usually where a relationship graph like this starts to lag. Does v9 hold up there or is it still snappy mostly on smaller component counts?

@vuejs We made several performance improvements in v9, and it’s a big step up from v8. Give it a try.

@vuejs Sure!

@vuejs Great but… what going on with the sound of the video 🤣

@vuejs 😅

@evanyou @vuejs Wtf the music

@vuejs does the relationship graph show why something updated, or just what it's connected to?

@vuejs Only display the connect graph now. Next, we plan to add update-path highlighting: whenever a value changes, the entire dependency chain will flash or light up to show the update propagating through it.