react-syntax-events
Installation
SKILL.md
react-syntax-events
Quick Reference
Synthetic Event System
React wraps all native browser events in SyntheticEvent objects. These wrappers normalize cross-browser differences and provide a consistent API.
| Concept | Detail |
|---|---|
| Wrapper | Every handler receives a SyntheticEvent, NOT a native Event |
| Delegation | React attaches ONE listener to the root container, NOT to individual DOM nodes |
| Pooling | React 17+ does NOT pool events -- accessing e in async callbacks is safe |
| Native access | Use e.nativeEvent to access the underlying browser event |
TypeScript Event Types
| React Type | Native Equivalent | Common Elements |
|---|
Related skills