Live Interactive Demo Model
Tree View / Nested File Explorer
A VS Code style file tree allowing users to create folders, add files, and expand/collapse nested directories.
0
React 19 Practice Workbench
Acceptance Criteria
Writing recursive React components that render self-referential children
Updating deeply nested tree nodes immutably by recursive ID traversal
Displaying custom icons based on file extensions (.tsx, .css, .json, .md)
Target APIs & Concepts
Recursive ComponentsHierarchical StateNode Creation
Ready to code this yourself? Switch to the Candidate Code Studio to write your implementation in React 19 and run automated test evaluations!