Higher-Order Components

KooFE Frontend Team

Feb 5, 2025 · Frontend Development

Making React Components Open‑Closed: Extensible Patterns and Refactoring

This article explains how the Open‑Closed Principle applies to React development, demonstrating anti‑patterns and refactoring techniques—including base components, composition, higher‑order components, and custom hooks—to create extensible, maintainable UI elements while keeping tests simple.

CompositionCustom HooksHigher-Order Components

0 likes · 7 min read

Making React Components Open‑Closed: Extensible Patterns and Refactoring

KooFE Frontend Team

Jun 1, 2023 · Frontend Development

How React’s API Evolution Shapes Modern UI Development

This article explores the evolution of React’s APIs—from early mixins to higher‑order components, render props, and Hooks—examining the mental models, trade‑offs, and best practices that guide developers in building maintainable, performant front‑end applications.

API EvolutionHigher-Order ComponentsHooks

0 likes · 20 min read

How React’s API Evolution Shapes Modern UI Development

Shopee Tech Team

Dec 2, 2021 · Mobile Development

Implementing Visual Event Tracking in React Native Applications

The article details a visual‑event‑tracking solution for React Native that uses a custom SDK exposing higher‑order touchable components, a WebSocket link to a tracking platform, FiberNode inspection for props/state extraction, a Babel plugin for display names, and idle‑time queuing, allowing non‑code instrumentation and rapid tracking deployment.

Higher-Order ComponentsReact Nativeevent analytics

0 likes · 13 min read

Implementing Visual Event Tracking in React Native Applications