Separating UI and Business Logic in Vue Components

One common occurrence I’ve observed across large Vue and React apps is that, over time, the UI logic and business logic becomes so entangled that UI changes break the business logic and vice versa. Let’s look at an example of this, and how we can separate the concerns.

In this screencast, we separate the UI and business logic in the `SimplePassword` component, and adding a test suite in the process.

A text version of this screencast is available here. It was published on 19th Jan, 2020.


Get occasional emails about new content and blog posts.
Absolutely no unsolicted spam. Unsubscribe anytime.
Thanks for registering!