Step by step example installing and using Vue I18n in your Vue applications.

Photo by Kyle Glenn on Unsplash


This article will explore the best practice of creating multi-language for your Vue App. This article is based on and inspired by Vue-I18n official docs, my work experience, and the Internet documentations.

For the rest of the article, let us assume that we are building a simple Vue app with…

How to keep your Vuex architecture clean and maintainable by example.

Photo by Bench Accounting on Unsplash


This article explores tips and tricks on how to create clean architecture for Vuex. This architecture inspired by Vuex official documentation, my mentors and some other reference from my experience and the Internet.

Based on Vuex official documentation, Vuex is a state management pattern + library for Vue.js applications. It…

Learn how to create a non-blocking process using Callback and Promise by example

Photo by James Harrison on Unsplash

JavaScript is a synchronous programming language. This means that it will execute your code block by order from top to bottom. But thanks to the JavaScript Event loop, we are able to do non-blocking processes by using a callback function and a promise function.

Here are some examples.

Callback Function

// Example…

Hans Sagita

Passionate about front-end programming

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store