Programming

Redux-Saga Helper Functions

Breaks down takeEvery, takeLeading, and takeLatest with behavior notes, logs from experiments, and guidance on when to …

· 3 min
React

Duplicate identifier LibraryManagedAttributes

This article introduces the solution to the Duplicate identifier LibraryManagedAttributes error, including the …

· 1 min
TypeScriptNode.js

Read-only Nature of React Props

This article introduces the read-only nature of React Props, including its advantages, implementation details, and …

· 3 min
React

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

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

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

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

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

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

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

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

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