Tag

component lifecycle

1 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.

Patch FunctionVue.jscomponent lifecycle
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.

ReActUnmountingUpdating
0 likes · 4 min read
Understanding the React Component Lifecycle: Mounting, Updating, and Unmounting
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 11, 2017 · Frontend Development

Master Angular Component Lifecycle: Hooks, Order, and Best Practices

This article explains Angular’s component lifecycle, detailing each hook—from ngOnChanges and ngOnInit to ngAfterViewChecked and ngOnDestroy—their execution order, purposes, and how constructors differ, supplemented with diagrams and console output examples to help developers effectively manage component initialization, change detection, and cleanup.

AngularHookscomponent lifecycle
0 likes · 4 min read
Master Angular Component Lifecycle: Hooks, Order, and Best Practices
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.

ReActReact NativeState
0 likes · 12 min read
Understanding React: Component Architecture, Props, State, Lifecycle, Server‑Side Rendering, and React‑Native
Taobao Frontend Technology
Taobao Frontend Technology
Aug 25, 2016 · Frontend Development

Why React Keys Matter: Preventing Bugs in Dynamic Lists

This article explains the purpose of the React "key" prop, shows how missing keys cause warnings and rendering bugs, demonstrates proper usage with code examples, and discusses how keys affect component updates, lifecycle handling, and performance in complex UI scenarios.

JSXReActcomponent lifecycle
0 likes · 11 min read
Why React Keys Matter: Preventing Bugs in Dynamic Lists