API Refactoring

Sohu Tech Products

Mar 25, 2020 · Frontend Development

Progressive Refactoring of Vuex API Calls: From Separation of Concerns to Olive‑Shaped Interfaces and Response Normalization

This article walks through a multi‑stage refactoring of Vuex API calls for an IoT project, demonstrating how to separate concerns, create a concise olive‑shaped interface, implement custom isomorphic mappers, and normalize responses with three‑level error handling while keeping the codebase maintainable and scalable.

API RefactoringJavaScriptVuex

0 likes · 16 min read

Progressive Refactoring of Vuex API Calls: From Separation of Concerns to Olive‑Shaped Interfaces and Response Normalization

360 Tech Engineering

Mar 16, 2020 · Frontend Development

Optimizing Vuex API Calls: Separation of Concerns, Olive‑Shaped Interfaces, and Response Normalization

This article walks through three progressive refactoring stages for Vuex‑based API calls—first separating concerns for maintainable code, then introducing a concise “olive‑shaped” interface with dynamic generation or proxy interception, and finally adding response normalization and three‑level error handling to produce robust, low‑maintenance frontend logic.

API RefactoringVuexcode maintainability

0 likes · 14 min read

Optimizing Vuex API Calls: Separation of Concerns, Olive‑Shaped Interfaces, and Response Normalization