React Playground

Sign In

Sign Up

FILES

src

App.jsx

index.jsx

style.css

index.html

package.json

Items: 0

PACKAGES

react

18.0.0

react-dom

18.0.0

Items: 0

App.jsx

index.jsx

1

2

3

4

5

6

7

8

9

10

11

12

13

import React from 'react';
export function App(props) {
  return (
    <div className='App'>
      <h1>Hello React.</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}
// Log to console
console.log('Hello console')

Console

Web View

?

1

Share

Share to web

Allow editing

Help & support guide

Discord

PlayCode v2025.5.15

Clear on Run

Scroll to End

Restart

Ctrl + R

Hard Restart

Ctrl + ⇧ + R

Live View

Live View Delay

Loop Protection

Run on Opening

Deployment

https://react.playcode.io

Share to web

Share website with anyone

.playcode.io

Need help to setup custom domain? Click here.

Zoom

White Background

100