Custom Renderer

NetEase Cloud Music Tech Team

Dec 16, 2020 · Frontend Development

Performance Optimization in React: Diff Computation, Fiber Architecture, and Custom Renderers

The article explains how React’s virtual‑DOM diff can become a performance bottleneck, reviews classic optimizations such as debouncing, PureComponent, and idle callbacks, then details how the Fiber architecture makes diffing interruptible and prioritized and how the same reconciler can be leveraged to build custom cross‑platform renderers.

Custom RendererFiberFront-end

0 likes · 13 min read

Performance Optimization in React: Diff Computation, Fiber Architecture, and Custom Renderers

ByteFE

Dec 9, 2020 · Frontend Development

Building a Mini‑Program Framework with Vue 3.0: Custom Renderer, VNode and Template Generation

This article explains how to use Vue 3.0’s Composition API, TypeScript support, and custom render capabilities to create a mini‑program framework, covering file structure, VNode implementation, nodeOps adaptation, template compilation, and dynamic template selection with full code examples.

Composition APICustom RendererVNode

0 likes · 23 min read

Building a Mini‑Program Framework with Vue 3.0: Custom Renderer, VNode and Template Generation

Performance Optimization in React: Diff Computation, Fiber Architecture, and Custom Renderers

Building a Mini‑Program Framework with Vue 3.0: Custom Renderer, VNode and Template Generation

Building a Mini‑Program Framework with Vue 3.0: Custom Renderer, VNode and Template Generation