Vue & REST Patterns Sultan Iman @imanhodjaev https://t.me/FullTimeVue 

How people do it? 

Naive approach 

Route guards 

Fetch components https://jsfiddle.net/adamwathan/xov6ksvd/ fetch-data updates its slots once request completed 

https://jsfiddle.net/adamwathan/xov6ksvd/ 

Using Vuex It might become a mess over time 

Organize Use Repository pattern https://martinfowler.com/eaaCatalog/repository.html 

How it usually looks in Java 

The goal Vuex actions must only know what to call and what arguments to pass and how to maintain the state 

Makes it easier to unit test (mock, spy etc.) 

Demo 

Improving May be use of error boundaries will help to improve user experience 

Hmmm how do checkResponse and post work? https://gist.github.com/imanhodjaev/88c24066e7bfd283f64145eef7b19e7f https://gist.github.com/imanhodjaev/86042197648902cd9514f9b2ef6b8307 

Links https://medium.com/@imanhodjaev/handling-api-calls-in-vue-cf39747656ba https://medium.com/@lachlanmiller_52885/a-pattern-to-handle-ajax-requests-in-vuex-2d69bc2f8984 https://medium.com/js-dojo/4-ajax-patterns-for-vue-js-apps-add915fc9168 https://itnext.io/anyway-heres-how-to-do-ajax-api-calls-with-vue-js-e71e57d5cf12 https://medium.com/@krzychukosobudzki/repository-design-pattern-bc490b256006 https://martinfowler.com/eaaCatalog/repository.html 

Thanks! ❤