✔
Copied!
React IDE
⚛
App.jsx
×
Loading
⟳
Reset
⎘
Copy
Run
Preview
Ln 1, Col 1
⌫
Clear
// myseby - React playground // Press Ctrl + Enter (or click Run) to render function App() { const [count, setCount] = React.useState(0); return ( <div style={{ fontFamily: "system-ui, sans-serif", padding: "32px", textAlign: "center", }}> <h1 style={{ marginBottom: 8 }}>Hello from myseby ⚛</h1> <p style={{ color: "#64748b", marginBottom: 24 }}> You clicked <strong>{count}</strong> times. </p> <button onClick={() => setCount(count + 1)} style={{ padding: "10px 20px", fontSize: 14, fontWeight: 600, background: "#155eef", color: "#fff", border: "none", borderRadius: 8, cursor: "pointer", }} > Click me </button> </div> ); }
Preview
Ln 1, Col 1
⌫
Clear
Initialising React
First-time setup — only takes a few seconds
↺ Retry
▶
Preview will appear here
Press Run to render your component
Console — errors and console.log from your component will appear here