Blog

Talking About the Axios HTTP Library

Common Axios gotchas: which status codes reject, how it differs from XHR onerror, redirects, array params, and canceled …

· 2 min
JavaScript

Improve Frontend Code Quality with Tools — Version Automation

Automating versioning and changelogs to improve frontend code quality and release reliability, with concrete tooling and …

· 5 min
Code QualityTooling

Publishing Frontend Packages to Private npm Registry

This article introduces publishing frontend packages to private npm registry, including usage scenarios and …

· 4 min
Node.js

Deploy V2Ray with Docker

Step-by-step V2Ray deployment using Docker and docker-compose: prerequisites, VPS selection, install steps, configs, and …

· 4 min
DevOpsNetworking

How to Use Alfred for Efficient Word Lookup with Eudic Dictionary (Step-by-Step Guide)

Enhancing Eudic Dictionary word lookup efficiency using Alfred workflows and AppleScript, addressing pain points like …

· 3 min
Apple EcosystemProductivity Tools

How to Use Google Voice (Step-by-Step Guide)

This article introduces the Google Voice usage guide, including its advantages, implementation details, and relevant …

· 2 min

Transforming VSC into a Tool to Complement IDEA

How to configure VSC to complement IDEA, enhancing workflow efficiency.

· 2 min
ToolsVSCVisual Studio Code

Dictionary vs Map vs Object

This article introduces the differences between Dictionary, Map, and Object in JavaScript, including their advantages, …

· 4 min
JavaScript

Type Issues When Using React with TypeScript

This article introduces type issues when using React with TypeScript, including their advantages, implementation …

· 5 min
TypeScriptReact

Redux in Action Key Takeaways

Key takeaways from Redux in Action plus a year of hands-on Redux work: immutability, async handling, action patterns, …

· 4 min
React

Governing the Frontend API Layer

From ad‑hoc exported functions to an OO API layer with clear namespaces, shared base paths, and naming conventions.

· 3 min
ReactFrontend Development

interface vs type in TypeScript

When to use interfaces vs. type aliases, what the TypeScript docs recommend, and how the ESLint/TSLint rule works.

· 2 min
TypeScriptTechnical Study

Essential JetBrains IDE Plugins

This article introduces commonly used JetBrains IDE plugins, including their advantages, implementation details, and …

· 2 min

React Debugging - Plugins

This article introduces React debugging plugins, including their advantages, implementation details, and relevant …

· 2 min
React

One-Click Connection to Cisco AnyConnect Secure Mobility Client

This post explains how to connect to Cisco AnyConnect Secure Mobility Client with one click, including the manual steps …

· 2 min
Network Tools

Redux-Thunk Source Code Walkthrough

Step-by-step walkthrough of redux-thunk’s implementation: how it wires into Redux, how applyMiddleware composes …

· 3 min
Technical LearningReact

Modern Frontend Optimization: A Deep Dive into Tree Shaking

Single-page applications (SPAs) offer a smooth user experience but often suffer from massive bundle sizes. Tree shaking …

· 4 min
Frontend DevelopmentWebpackPerformance Optimization

My Chrome Extension List

My frequently used Chrome extensions for daily use and development, with brief notes and tips.

· 2 min
ChromeHardware

React Project Unit Testing

This post explains how to unit test React projects, including setup, utilities, and practical examples.

· 6 min
ReactTesting

Jest Unit Test Configuration

This article provides an introduction to Jest unit test configuration, including the advantages, implementation details, …

· 3 min
TestingReact

Abandoning Navicat, Switching to DataGrip

This article introduces abandoning Navicat and switching to DataGrip, including usage scenarios and implementation …

· 3 min

Automate Tasks with Hammerspoon

Using Hammerspoon (Lua) to automate tasks on macOS: small utilities, Wi‑Fi events, audio control, and notifications.

· 1 min
Productivity Tools

JSX.Element vs React.ReactNode Comparison

This article provides a detailed comparison between JSX.Element and React.ReactNode types in React with TypeScript, …

· 2 min
Technical LearningReactTypeScript

Frontend Route Design

Guidelines for clean, readable, user-friendly routes with examples and rationale.

· 1 min
Frontend Development

MacBook Pro 2015 Model External Dual Monitor Setup

This article shares my experience setting up dual external monitors with a MacBook Pro 2015 model, including the …

· 3 min
Apple Ecosystem