OpenSkillIndex← back to search
claude-code

Awesome-omni-skill synthetic-event-system-internals

Leverage React's event delegation system for optimization and custom event behavior.

install
source · Clone the upstream repo
git clone https://github.com/diegosouzapw/awesome-omni-skill
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/diegosouzapw/awesome-omni-skill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/development/synthetic-event-system-internals" ~/.claude/skills/diegosouzapw-awesome-omni-skill-synthetic-event-system-internals && rm -rf "$T"
manifest: skills/development/synthetic-event-system-internals/SKILL.md
source content

Synthetic Event System Internals

Summary

Leverage React's event delegation system for optimization and custom event behavior.

Key Capabilities

  • Trace event propagation through the React tree vs. DOM.
  • Implement custom event plugins for non-standard gestures.
  • Optimize high-frequency event listeners (scroll, resize).

PhD-Level Challenges

  • Debug issues arising from mixed React/native event listeners.
  • Analyze the memory impact of the synthetic event pool (historical/modern).
  • Simulate event re-targeting in portal subtrees.

Acceptance Criteria

  • Demonstrate correct event delegation behavior.
  • Provide a custom event hook implementation.
  • Document event propagation nuances in Portals.