Tag

Component Lifecycle

0 views collected around this technical thread.

Xueersi Online School Tech Team
Xueersi Online School Tech Team
May 22, 2020 · Frontend Development

Analyzing Vue.js vm._update and __patch__ Implementation

This article provides a detailed walkthrough of Vue.js’s internal vm._update method, its reliance on the core __patch__ function, and the surrounding lifecycle mechanisms, illustrating each step with source code excerpts and diagrams to clarify how virtual DOM nodes are transformed into real DOM elements.

Component LifecycleFrontend DevelopmentPatch Function
0 likes · 16 min read
Analyzing Vue.js vm._update and __patch__ Implementation
360 Quality & Efficiency
360 Quality & Efficiency
Mar 22, 2019 · Frontend Development

Understanding the React Component Lifecycle: Mounting, Updating, and Unmounting

This article explains the three phases of a React component's lifecycle—mounting, updating, and unmounting—detailing each lifecycle method, its purpose, and best‑practice usage for resource management and performance optimization in frontend development.

Component LifecycleUnmountingUpdating
0 likes · 4 min read
Understanding the React Component Lifecycle: Mounting, Updating, and Unmounting
Tencent Cloud Developer
Tencent Cloud Developer
Jan 25, 2017 · Frontend Development

Understanding React: Component Architecture, Props, State, Lifecycle, Server‑Side Rendering, and React‑Native

Zuo Ming explains React’s component architecture—props, state, lifecycle methods, server‑side rendering, and React‑Native—using a bamboo water‑wheel analogy, demonstrating prop validation, state updates, lifecycle phases, SSR hydration, cross‑platform code reuse, and unit testing to give front‑end engineers a complete practical foundation.

Component LifecycleFrontend DevelopmentProps
0 likes · 12 min read
Understanding React: Component Architecture, Props, State, Lifecycle, Server‑Side Rendering, and React‑Native