Blog

[Translation] Evaluating Redux Saga Test Libraries

Translated notes comparing native saga testing with five helper libraries, highlighting scenarios each handles best.

· 7 min
ReactJavaScript

[Translation] Given-When-Then in JUnit Tests

This post introduces Given-When-Then in JUnit tests, including benefits, structure, and notes to help improve testing …

· 3 min
TestingTranslation

My Mac App List

A curated list of essential Mac applications to boost productivity and efficiency. Regularly updated with top utilities …

· 3 min
UtilityMacTech

Getting the NAS DS218j

This post covers why I bought the NAS DS218j, the scenarios it solves, and the setup details so you can get started …

· 3 min

About Alfred: What you need to know

Guide to using Alfred on Mac: setup, usage, tips for beginners and advanced users. Learn to replace Spotlight, perform …

· 10 min
AlfredWorkflowBeginner's GuideUser Guide

A Frontend White Screen Incident

Dev showed a white screen error ‘You should not use outside a ’. Root cause: npm install in CI ignored yarn.lock; fix by …

· 3 min
Frontend DevelopmentNode.js

2018 Year-End Summary

This is the author's 2018 year-end summary, reviewing growth in a complex project, reflecting on technical learning, and …

· 5 min
Annual ReviewReflections

dependencies vs devDependencies

This article introduces the differences between dependencies and devDependencies in Node.js, including their advantages, …

· 4 min
Node.js
How to Use Surge for macOS (Step-by-Step Guide)

How to Use Surge for macOS (Step-by-Step Guide)

Comprehensive notes on purchasing, configuring, and getting the most out of Surge on macOS/iOS/tvOS—including proxy …

· 11 min
NetworkingMaciOS

An Awkward No-Network Experience on My Phone

Lost mobile data during a Lunar New Year shopping run; the fix was resetting iPhone network settings and asking the …

· 2 min
Personal Notes

Improve Frontend Code Quality with Tooling

How we use EditorConfig, TSLint/ESLint, TypeScript, Prettier, Husky, and lint-staged to keep frontend code consistent …

· 2 min
Code Quality

Tools I Bought in 2018

This post summarizes the tools I bought in 2018, including Filco 87 Wireless, AirPods, and Apple Watch Series 4. These …

· 2 min
HardwareApple Ecosystem

Git Merge vs Rebase: Differences and Choices

This article introduces the differences and choices between Git merge and rebase, including their advantages, …

· 3 min
Git

How to Use Redux in React (Step-by-Step Guide)

This post introduces using Redux in React, including why it exists, core concepts, and practical setup.

· 4 min
ReactFrontend Development

[Translation] Core JavaScript Concepts

This article translates and introduces some core JavaScript concepts, including scope, IIFE, MVC, async/await, closures, …

· 4 min
TranslationJavaScript

On Sync, Async, and Cross-Origin

A cross-origin handoff where an async call would complicate things; a synchronous form submit ends up the cleanest …

· 2 min
JavaScriptFrontend Development

Angular VS React [Translation]

This article introduces Angular vs React comparison, including their advantages, implementation details, and related …

· 7 min
Translation

Filco Minila Air Mechanical Keyboard Setup

This article introduces the setup process for Filco Minila Air, including its advantages, implementation details, and …

· 2 min
Hardware Devices

Modifying and Saving Static Resources in Chrome Developer Mode

This article explains how to modify and save static resources using Chrome's developer mode, including the local …

· 2 min
Chrome

Puppy Vacuum D531 — First Impressions

Hands-on notes after buying the Puppy D531 vacuum: pros, cons, and a small parts update.

· 2 min
Hardware

Export Nintendo Switch Screenshots

Two hassle-free ways to sync Nintendo Switch screenshots to your phone—microSD and an automated IFTTT + Twitter …

· 1 min
Nintendo Switch

Simplify OpenConnect with Shell + expect

Use a small expect script to automate OpenConnect VPN login steps at home, reducing repetitive prompts.

· 1 min
Linux

Mac Hotkeys:Boost Your Productivity

Discover essential Mac hotkeys to boost your productivity. Learn shortcuts for system-level operations, Finder, and …

· 5 min
keymapEfficiencyIntellij IDEADataGrip

Babel vs. TSC

What Babel and the TypeScript compiler actually do, and how to polyfill missing APIs in React/Angular projects.

· 2 min

Setting Up Mock Server with Postman

This article introduces how to set up a mock server using Postman, including its advantages, implementation details, and …

· 2 min
Software Recommendation