Live Interactive Demo Model
Code Editor with Line Numbers & AST Highlighting
A TypeScript code editor with color-coded keywords, strings, functions, and line counter gutter.
0
React 19 Practice Workbench
Acceptance Criteria
Intercepting Tab key presses to insert spaces at the cursor position
Lexing JavaScript/TypeScript strings into token spans with syntax colors
Synchronizing vertical scroll between textarea input and line number gutters
Target APIs & Concepts
Syntax TokenizationTab Key Indentation HandlingSynchronized Gutter Scrolling
Ready to code this yourself? Switch to the Candidate Code Studio to write your implementation in React 19 and run automated test evaluations!