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

package.json

index.html

style.css

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')

Enter to Rename, ⇧Enter to Preview

Console

Website View

?

1

Save the project before sharing

Share to web

https://playcode.io/react

🌞Light
🌗Blue
🌘Gray
🌙Dark

Help & support guide

Discord

PlayCode v2023.2.24

Clear on Run

Scroll to End

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