Blog

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

Accessing Intranet Domains Over VPN

Notes on accessing intranet DNS/services over VPN: DNS split, hosts overrides, and resolver behavior.

· 2 min
Network Tools

Misunderstandings About put Operations in Redux-Saga

This article explores common misunderstandings about put operations in Redux-Saga, including usage scenarios, …

· 5 min
React

Webpack HMR Explained (Beginner's Guide)

An introduction to Webpack HMR, including its benefits, how it works, setup details for Angular/React/Vue, and …

· 4 min
Build ToolsReact

TSLint Does Not Catch TypeScript Errors

Explains why linting alone isn’t enough—TSLint enforces style but won’t catch TypeScript type errors, so add tsc to your …

· 1 min
TypeScript

Creating Email Templates in Apple Mail

This article introduces how to create email templates in Apple Mail, including advantages, implementation details, and …

· 2 min

Handling Exceptions in Redux-Saga

Walks through failure modes in saga effects, covers try/catch, safe wrappers, and effect-level middleware to keep …

· 3 min
React

My Experience After Two Weeks with the Bose 700

This article introduces the author's experience after two weeks with the Bose 700, including its advantages, …

· 4 min
Hardware Devices

Implementing Less and CSS Modules in Projects

Why our React project paired Less with CSS Modules, the webpack/TypeScript setup, and how we organize themes vs. …

· 6 min
CSSFrontend Development

Home Synology NAS DDNS Setup

This article introduces the DDNS setup for home Synology NAS, including its advantages, implementation details, and …

· 3 min

IDEA Polishing Journey - Live Templates

This article introduces IDEA's Live Templates feature, covering its advantages, implementation details, and related …

· 4 min
Development ToolsProductivity Tools

How to Use Alfred to Switch Maven Settings with One Click (Step-by-Step Guide)

This article explains how Alfred can switch Maven settings with one click, including use cases and implementation …

· 2 min
MavenAlfredWorkflow

Type Casting vs. Type Assertions in TypeScript

Clarifies that TypeScript’s `as` syntax performs compile-time assertions, not runtime casts, and compares it with …

· 2 min
TypeScriptJavaScript

How to Use Web Fonts in Frontend (Step-by-Step Guide)

Overview of web font usage: formats, loading strategies, performance, and compatibility tips.

· 4 min
Frontend DevelopmentCSS