QList
HOME
WEST BENGAL
▼
মাধ্যমিক সাজেশান ২০২৬
📚 বাংলা (Bengali)
📖 English
🌍 ভূগোল (Geography)
📜 ইতিহাস (History)
🧬 জীবনবিজ্ঞান (Life Science)
Other Classes
Class 6
Class 7
Class 8
Class 9
Class 10
🎯 Career After 10th
CBSE
▼
Class 9
Class 10
🎓 JEE Exam Guide
💼 MBA Exam Guide
🩺 Medical Exam Guide
ENGLISH
▼
📝 English Grammar
📖 English Grammar (Bangla)
🗣️ Spoken English
TOOLS
▼
🛠️ Free Online Tools
🧮 Financial Calculators
💻 Code Playgrounds
CONTACT
Home
Playground
React
⚛️
React Playground
Write JSX and see it render instantly
Format
Reset
JSX Code
React 18
JSX
function App() { const [count, setCount] = React.useState(0); return ( <div style={{ padding: '20px', fontFamily: 'Arial, sans-serif' }}> <h1 style={{ color: '#3b82f6' }}>React Playground</h1> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)} style={{ padding: '10px 20px', backgroundColor: '#3b82f6', color: 'white', border: 'none', borderRadius: '5px', cursor: 'pointer', fontSize: '16px' }} > Click me </button> </div> ); } // Render the component ReactDOM.render(<App />, document.getElementById('root'));
💡 Tip: Use React hooks like useState, useEffect directly
Live Preview