React

Type Issues When Using React with TypeScript

This article introduces type issues when using React with TypeScript, including their advantages, implementation details, and relevant resources. These steps can help improve efficiency when handling React TypeScript type issues.

Oct 23, 2019

Reading Notes: Redux in Action

Key takeaways from Redux in Action plus a year of hands-on Redux work: immutability, async handling, action patterns, component organization, middleware, and performance.

Oct 20, 2019

Governing the Frontend API Layer

From ad‑hoc exported functions to an OO API layer with clear namespaces, shared base paths, and naming conventions.

Oct 16, 2019

React Debugging - Plugins

This article introduces React debugging plugins, including their advantages, implementation details, and relevant resources. These steps can help improve efficiency when using React debugging plugins.

Oct 10, 2019

Redux-Thunk Source Code Walkthrough

Step-by-step walkthrough of redux-thunk’s implementation: how it wires into Redux, how applyMiddleware composes dispatch, and why thunk differs from saga.

Oct 5, 2019

React Project Unit Testing

This post explains how to unit test React projects, including setup, utilities, and practical examples.

Oct 2, 2019

Jest Unit Test Configuration

This article provides an introduction to Jest unit test configuration, including the advantages, implementation details, and related resources. These steps can help improve efficiency in Jest unit test configuration.

Oct 2, 2019

JSX.Element vs React.ReactNode Comparison

This article provides a detailed comparison between JSX.Element and React.ReactNode types in React with TypeScript, including their differences, usage scenarios, and practical examples from antd source code.

Sep 28, 2019

Misunderstandings About put Operations in Redux-Saga

This article explores common misunderstandings about put operations in Redux-Saga, including usage scenarios, implementation details, and the difference between blocking and non-blocking operations to improve understanding of Redux-Saga.

Sep 22, 2019

Introduction to Webpack HMR

An introduction to Webpack HMR, including its benefits, how it works, setup details for Angular/React/Vue, and references to help you use HMR effectively.

Sep 15, 2019

Handling Exceptions in Redux-Saga

Walks through failure modes in saga effects, covers try/catch, safe wrappers, and effect-level middleware to keep watchers alive despite errors.

Sep 7, 2019

Frontend React Project Structure and Conventions

This article covers frontend React project structure and conventions, including use cases and implementation details to improve efficiency in React project organization.

Jul 28, 2019

Splitting Frontend i18n Files

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

Jul 24, 2019

[Translation] Evaluating Redux Saga Test Libraries

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

May 19, 2019

Using Redux in React

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

Dec 4, 2018