SERGIO TOMASBack to portfolio
Get in touch

Front-end · Tool

Vue.js

Progressive, approachable and productive.

Used at
  • Claro
01Overview

Vue.js is a progressive framework that is easy to adopt incrementally. I introduced it into a large project at Claro and used it to deliver features in the logged-in area of the website.

02Key concepts

What anyone working with it needs to understand

  1. 01

    Reactivity

    How Vue tracks dependencies and updates the DOM.

  2. 02

    Single-file components

    Template, script and style in one cohesive file.

  3. 03

    Composition API

    setup, ref, reactive and composables for reuse.

  4. 04

    Directives

    v-if, v-for, v-model and custom directives.

  5. 05

    State & routing

    Pinia/Vuex and Vue Router.

  6. 06

    Incremental adoption

    Introducing Vue into an existing page or app.

03In practice
Introduced Vue.js into the Claro project and delivered logged-in area features with Vue, HTML5, CSS3 and Jest unit tests.
04Related