# Custom Renderer Implementation

> Architect bespoke React renderers for non-DOM environments using the `react-reconciler` package.

- Skill: `majiayu000/custom-renderer-implementation` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/custom-renderer-implementation`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/custom-renderer-implementation/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/custom-renderer-implementation

---


# Custom Renderer Implementation (React 18)

## Summary
Architect bespoke React renderers for non-DOM environments using the `react-reconciler` package.

## Key Capabilities
- Implement a full HostConfig interface for a custom target.
- Map fiber mutations to imperative host API calls.
- Manage persistent vs. transient host instance updates.

## PhD-Level Challenges
- Design a scheduling-aware host config for Frame-limited targets.
- Prove correctness of the mutation queue execution order.
- Implement concurrent mode support for a custom target.

## Acceptance Criteria
- Deploy a working custom renderer (e.g., to Canvas or Terminal).
- Demonstrate correct update propogation.
- Pass the standard React conformance test suite for renderers.