React

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

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

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

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

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

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

[Translation] Evaluating Redux Saga Test Libraries

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

· 7 min
ReactJavaScript

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