Why and How We Migrated from AngularJS to VueJS

Description and use

Migrating from AngularJS to Vue.js improved performance and simplified code maintenance.

The legacy AngularJS application was difficult to maintain, lacked modern tooling, and had performance issues.

The migration reduced bundle size, improved load times, and made the codebase easier to maintain and extend.

1. Set up a new Vue.js project with Vite and TypeScript.
2. Incrementally replace AngularJS components with Vue components in isolated routes.
3. Migrate services and state management to Vuex or Pinia.
4. Replace AngularJS directives with Vue directives and custom components.
5. Update routing from ui-router to Vue Router.
6. Refactor tests to use Vue Test Utils and Jest.
7. Gradually decommission AngularJS modules and remove legacy code.

We decided to migrate to Vue because it was easier to learn and had a more modern ecosystem.

We set up a new Vue project with Vite and TypeScript, then started replacing AngularJS components one by one.

The new Vue app has a smaller bundle size and faster load times compared to the old AngularJS app.