https://deploy-preview-15--xzhan.netlify.app/categories/frontend/Frontend - Category - xzhan's blogHugo -- gohugo.ioenxzhan@connect.ust.hk (xzhan)xzhan@connect.ust.hk (xzhan)This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.https://deploy-preview-15--xzhan.netlify.app/clone-the-vue3-starter-project-to-angular/Sat, 25 Feb 2023 21:13:18 +0800Authorhttps://deploy-preview-15--xzhan.netlify.app/clone-the-vue3-starter-project-to-angular/The Vue 3 + Vite starter project looks nice and clean, so I built an Angular clone of it. How do they compare?https://deploy-preview-15--xzhan.netlify.app/speed-up-angular-dev-with-cache/Sat, 23 Oct 2021 20:10:52 -0400Authorhttps://deploy-preview-15--xzhan.netlify.app/speed-up-angular-dev-with-cache/Angular is about to release v13! 13 days until... 😉 — Angular (@angular) October 22, 2021 One of the new features that excites me the most is the persistent build cache. In v12.1, this feature was introduced as an opt-in by the CLI via an environment variable NG_PERSISTENT_BUILD_CACHE=1. Now this environment variable has been disabled. Instead, this caching feature is now enabled by default and can be configured inside angular.https://deploy-preview-15--xzhan.netlify.app/implementing-mvp-pattern-with-vue/Wed, 08 Sep 2021 23:14:01 -0400Authorhttps://deploy-preview-15--xzhan.netlify.app/implementing-mvp-pattern-with-vue/Background For the past few weeks, my major task has been refactoring the old step-wise drafting process of our app into a much more simplified one. Instead of dividing the drafting and submission process into several steps like Drafting, Tagging, Feedback and Finalize, the goal is to have one unified interface where the features previously scattered across different steps can be integrated in one UI by a plug-in manner, similar to how VS Code plugins add new functionalities to the Activity Bar and Side Bar.https://deploy-preview-15--xzhan.netlify.app/achieve-axios-interceptor-functionality-with-ky/Sat, 30 Jan 2021 20:44:41 -0500Authorhttps://deploy-preview-15--xzhan.netlify.app/achieve-axios-interceptor-functionality-with-ky/ Axios is no doubt one of the most popular libraries out there to make HTTP calls, but let’s not forget now we have something equally powerful built into our browser: the Fetch API. In this post, I am going to share my experience of how to achieve the common use case of interceptors with a Fetch-based HTTP client library named “ky”.]]>https://deploy-preview-15--xzhan.netlify.app/vue-modal/Wed, 18 Dec 2019 11:07:28 -0500Authorhttps://deploy-preview-15--xzhan.netlify.app/vue-modal/Recently, the majority of my work involves integrating Vue in a traditional Django application, which uses jQuery extensively. The first task on this front is to convert a preview modal into a Vue component and add some quick editing functionality. In this post, I will share some refactoring experience and lessons learned along the way.