React Console Lab
Write a small React component, render it in the page, and inspect logs beside the preview. This first slice is designed for props, state, events, and conditional rendering drills.
The preview renders into an iframe document with isolated markup and styles while logs are forwarded back to this page. Keep examples local to `App`; deeper JS-realm isolation remains a later hardening pass.
Component input
Write a local `App` component, render it, and inspect logs without leaving the page.
Rendered output
The preview renders your `App` component inside an iframe document.
React logs
Logs from the render function are captured here for quick debugging.
React snippets
Save focused component drills locally in this browser, then reload them into the React editor.
Save the current component when you want to revisit this drill later.