How front-end team boost development speed with API mock using axios mock adapter

Photo by Guillaume Jaillet on Unsplash


In this modern startup boom era, every business requirement needs to be delivered fast and reliable. Most of the time every requirement needs to have changes in both the back-end and front-end side. So our big problem here is how to make back-end development and front-end development work together and have seamless integration when we deploy it in the lower and production environment.

One of the best solutions out there is by using the API mock feature. API mock helps the front-end team to do the development even when the backend is not ready yet, and it’s very simple to…

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 Vue-I18n library that will display Vue core feature like in official docs with available language in English, Bahasa Indonesia, Chinese and Japanese.

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 serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion.

Just to simplify, VueJs is a framework which adopts component-based architecture, so each component is designed to be a small chunk of Vue file…

You won’t believe how simple it is

Photo by Quinton Coetzee on Unsplash


Dark mode was becoming a trend nowadays. The trend came out when Apple adopted dark mode in the latest iOS and then the Android phone also came along. Dark mode is a must have feature on nowadays’s websites, almost every website that I visit has a dark mode feature. But still some people don’t know how to implement the right way, so sometimes they prefer to install a new library. Today I want to show you how simple it is to implement dark mode without any library.

Deep dive to code Example

Example HTML content

This is just an example body html. I put a…

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 Parameter Function
const parameter = {
firstName: 'John',
lastName: 'Doe'
// Example callback function (will run after delay function finish)
const callBackFunction = (result) => {
// Example slow process or API call Function const delayFunction = (callBack, parameter) => { // For replicate delay we use…

Photo by krisna iv on Unsplash

Hi Readers! Have you ever feel anxious about your job? thinking that you’re not productive enough? wondering how you go to the next level? you come to the right Tips and trick. For some background, I’m a software engineer at one of the largest e-commerce companies in Indonesia ( and sometimes I feel anxiety when my work isn’t productive. That’s why I want to share with you all how I tackle this anxiety problem and give you some tips that work for me.

What you should do?

Having clear priorities, achievable goals, milestones, and checkpoints

Have you ever thought about what will happen to…

Hi Readers! I’m a software engineer at one of the largest e-commerces in Indonesia ( I have just finished my 1-year experience as a full-time software engineer.

Before I became a full-time software engineer, I was enrolled in a special program at the university to have full-time internship experience for 1-year. I was learning new things such as software engineering, both frontend and backend, scrum practice, e-commerce business logic and so much more than during my internship.

I have to say that it was really challenging and tough because of my lack of preparation, and at that time I still…

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