Live Interactive Demo Model
Undo / Redo Time-Travel State (`useHistory`)
An interactive canvas designer where every style edit generates an undoable snapshot with bidirectional navigation.
Press ⌘Z to Undo, ⌘⇧Z to Redo
React 19 State Engine
Font Size:24px
Border Radius:24px
Acceptance Criteria
Structuring undo/redo with past, present, and future stack arrays
Clearing the future stack whenever a new fork action occurs
Binding global window keydown shortcuts for desktop usability
Target APIs & Concepts
Immutable StacksHistory State MachineKeyboard Shortcuts (Cmd+Z)
Ready to code this yourself? Switch to the Candidate Code Studio to write your implementation in React 19 and run automated test evaluations!