Dynamiczna komunikacja pomiędzy komponentami

Cześć, robię sobie apkę średniej wielkości i natrafiłem na pewien problem, który nie wiem jak optymalnie rozwiązać. Uproszczony widok, proszę się nie śmiać z moich umiejętności artystycznych ( https://jspaint.app/#local:3ec1c64db70ae ). W komponencie A znajduje się liczba rated: oraz owned: .Tutaj się rodzi problem, bo pozostając na tym widoku i dodaniu do rated albo owned (komponent C ), chciałbym żeby liczba dynamicznie się aktualizowała w komponencie A. Teoretycznie mógłbym zrobić jakiś łańcuch komunikacji pomiędzy komponentami, ale nie chcę robić spaghetti w projekcie. Jest jakieś bardziej eleganckie rozwiązanie tego problemu?

dlaczego dałeś link do painta?

Observer pattern.
A react już korzysta z gotowej bilbioteki redux gdzie jest to zaimplementowane.

phanc napisał(a):

dlaczego dałeś link do painta?

Observer pattern.
A react już korzysta z gotowej bilbioteki redux gdzie jest to zaimplementowane.

Ja korzystam z Vue

to poszukaj takich rozwiązań do vue, btw redux jest uniwersalny, z vue też

phanc napisał(a):

to poszukaj takich rozwiązań do vue, btw redux jest uniwersalny, z vue też

Dokładniej to redux jest implementacją architektury flux dla reacta. Możliwe że vue-flux lub vuex jest tym czego szukasz