Creating a Universal Functional Modal Utility for Vue 3

This article demonstrates how to build a highly reusable, function‑based modal system in Vue 3 that supports lazy loading, prop passing, event binding, provide/inject data injection, custom slots, and method exposure, allowing developers to display any modal component with a single function call.

Functional ComponentProvide/InjectTypeScript

0 likes · 13 min read

Creating a Universal Functional Modal Utility for Vue 3

QQ Music Frontend Team

Oct 20, 2019 · Frontend Development

When Should You Use Class, Functional, or Pure Components in React?

This article explains the differences between React class components, functional (stateless) components, and PureComponent, shows their source code, discusses shallow equality checks, introduces the memo higher‑order component, and provides practical guidelines for choosing the right component type to improve performance.

Class ComponentFunctional ComponentPureComponent

0 likes · 10 min read

When Should You Use Class, Functional, or Pure Components in React?

Tencent Cloud Developer

Jun 6, 2018 · Frontend Development

React Introduction: Core Concepts, Component Architecture, and JSX Fundamentals

React, an open‑source UI library created by Facebook, uses a virtual DOM and component‑based architecture—both class‑based and functional—to build modular, reusable interfaces, while JSX provides an XML‑like syntax that compiles to JavaScript, enhancing development efficiency and maintainability.

Component-Based ArchitectureES6 Class ComponentFunctional Component

0 likes · 9 min read

React Introduction: Core Concepts, Component Architecture, and JSX Fundamentals