How we built our blog as a full-static site with Nuxt, Storyblok and TailwindCSS
The new Provide and Inject in Vue 3
The 101 guide to Script Setup in Vue 3
Hybrid Rendering: the secret way to smoothly test Vue.js components
How to use script setup in Nuxt 2
When to use a Vue Render Function
Nuxt 3 + Storyblok for a Sushi Recipes Website
Going 3D with Trois.js and Vue 3
Introduction to Render Functions
Achieve Max Performance loading your images with v-lazy-image
Use Responsive Images with v-lazy-image
How to test Web Workers with Jest
How to use the new Fetch in Nuxt.js
Generate and deploy the blog as a full static Nuxt site
Optimize SEO and Social Media Sharing in a Nuxt blog
Advanced i18n in Nuxt using Interpolations
Tags and Search Functionality in Nuxt Using Storyblok API
Creating UI components based on a Design System in Vue.js
Setting up a full static Nuxt site
Use Composition API to easily handle API requests in Vue.js
Build a Game in Vuejs with Phaser
Create Dynamic Titles and Favicons with Nuxt
Auto Load Vuejs Components in Nuxt
How to structure a Vue.js app using Atomic Design and TailwindCSS
Go async in Vue 3 with Suspense
Use Web Workers in your Vue.js Components for Max Performance
Deep vs Shallow Rendering in Vue.js Tests
Create a i18n Plugin with Composition API in Vue.js 3
Access template refs in Composition API in Vue.js 3
Use old instance properties in Composition API in Vue.js 3
Easily switch to Composition API in Vue.js 3
Theming using CSS Custom Properties in Vue.js Components
The most modern Pie Chart component using CSS Conic Gradient and Vue.js
The most modern Carousel component using CSS Scroll Snap and Vue.js
Data Provider component in Vue.js
Using Scoped Slots in Vue.js
Quick Content Testing using Snapshots in Vue.js
Style inner elements in scoped CSS using /deep/ selector in Vue.js
The importance of scoped CSS in Vue.js
How to create a Geolocated Currency with MaxMind in Vue.js
Debugging Templates in Vue.js Components
Simple transition effect between pages and layouts in Nuxt.js
Lazy load images using v-lazy-image Vue.js component
Dynamic Imports in Vue.js for better performance
Testing logic inside a Vue.js watcher
Handle and redirect 404 responses in Nuxt.js
Run watchers when a Vue.js component is created
Simple and performant functional Vue.js components
Listen to lifecycle hooks on third-party Vue.js components
The power of Snapshot Testing in Vue.js
Two less known facts about Vuex
Create an ImageSelect component on top of vue-multiselect
Creating a Store without Vuex in Vue.js 2.6
Adaptive components using v-bind and v-on
How to use the new v-slot directive in Vue.js
Remove unused CSS with PurgeCSS
Measure runtime performance in Vue.js apps
Improve performance on large lists in Vue.js
Articles
1 year organising Alicante Frontend
Here are my insights about organising Alicante Frontend's meetup after a year.
My tips to be a happier developer
Learn a few tips to be a happier and better developer and be a better team player
Enhance Jest configuration with Module Aliases
Learn how to use Module Aliases Jest configuration to avoid using relative paths
Test Vue.js Slots in Jest
Learn how to test content distributed using slots and named slots.
Test Methods and Mock Dependencies in Vue.js with Jest
Learn how to test methods and cope with mocking module dependencies.
Test Computed Properties and Watchers in Vue.js Components with Jest
Learn about testing the Computed Properties and Watchers reactivity in Vue.js
Test Properties and Custom Events in Vue.js Components with Jest
Learn different ways to test properties, events and custom events
Test Styles and Structure of Vue.js Components in Jest
vue-test-utils provide us with a set of utilities to assert on Vue.js components.
Test Deeply Rendered Vue.js Components in Jest
Let's see how to use vue-test-utils to test a fully rendered component tree.
Write the first Vue.js Component Unit Test in Jest
Learn how to write unit tests for VueJS components with the official tools and the Jest framework.
Apply infinite operations to an RxJS Observable
Learn how easy is to apply a set of operations to a RxJS Observable in JavaScript
How I made a Progressive Web App out of my Blog
One day I wanted to learn about PWA (Progressive Web App), so I though: What's better than doing it with my own blog?
Lazy Loading in Vue using Webpack's Code Splitting
When a Vue app gets large, lazy loading components, routes or Vuex modules using Webpack's code splitting will boost it by loading pieces of code only when needed.
Integrate TypeScript in your Vue project
A step by step guide on how to use TypeScript in your Vue project in an approachable and pragmatic way.
Use Prettier with TSLint and be happy
Prettier support for TypeScript just landed. Let's see how tslint-config-prettier helps to seamlessly combine it with TSLint
TypeScript Lookup Types: type-safe properties
Typescript 2.1 introduced lookup types. What are they for? In which cases are they useful?
Apollo, GraphQL, Vue and Nuxt shenanigans!
What could go wrong by building a hackaton project with Apollo, GraphQL, Vue and Nuxt?
Tree shaking with Webpack 2, TypeScript and Babel
We'll see here how to setup Webpack 2, along with TypeScript and Babel to achieve dead code elimination with tree-shaking