Advantages x Disadvantages SPA Vuejs

Question

I have an application (closed system) in PHP structured in the company I work and we will rewrite this application to improve performance, usability and evolve this application.

I am studying Vuejs and I have really liked the approach to use it in Frontend, I would like to know two things:

1) Assuming you do a SPA, the customer enters the application and spends all day in it, browsing, creating data, generating reports, etc ... I put a lot of things in the store(Vuex), does this slow down the application/browser/navigation? In a long time of use I can have performance drops?

2) I’m looking for the right way to organize the files, components, ajax calls and all this front structure but I haven’t found anything very enlightening so far, would anyone have a good material to indicate? Preferably showing the way to the stones for a good SPA application.

Thank you

Answer 1

Regarding the store of vuex I believe that it will not affect so much, it is all a matter of memory and as you use it, it is clear that in multiple mutations at the same time there are reasons to worry, you can get reference in this issue Multiple mutations within a loop...

In the organization is also another point that the vue leaves your choice, any cli initiation (browserify/webpack) will give you that freedom, want to apply mvc, ddd, ok, the important thing is cohesion. In case you need a guided structure for each component and calls strongly recommend ember.js