Programming

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

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

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

Jest Less Import Error

This article provides an introduction to Jest Less import errors, including solutions, implementation details, and …

· 4 min
TestingJavaScript

Frontend React Project Structure and Conventions

This article covers frontend React project structure and conventions, including use cases and implementation details to …

· 3 min
ReactFrontend DevelopmentArchitecture Design

Splitting Frontend i18n Files

Split growing i18n JSON into multiple files and merge at build time with webpack, then load per locale.

· 3 min
ReactBuild Tools

Upgrading Angular 7 to 8

This article introduces upgrading Angular 7 to 8, including the advantages of upgrading Angular 7 to 8, implementation …

· 2 min
Angular

IDEA Plugin Development

This article introduces IDEA plugin development, including its advantages, implementation details, and relevant …

· 4 min
Development Tools

Upgrading Angular 6 to 7

This article introduces the author's experience upgrading from Angular 6 to 7, including the advantages, implementation …

· 2 min
Angular

Automating Blog Platform Deployment

CI/CD for a blog platform using Travis: build, rsync to VPS, restart services, plus tips for SSH keys, scripts, and …

· 3 min
Build ToolsDeployment & Operations

[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

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

dependencies vs devDependencies

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

· 4 min
Node.js

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

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