React Playground Online Template

Code, Debug, Demo and Learn Easy & Fast with React and JSX Playground Online

import React from 'react';
import ReactDOM from 'react-dom';

class Hello extends React.Component {
  render() {
    return <div>Hello, {this.props.name}!</div>;
  }
}

ReactDOM.render(
  <Hello name="React" />,
  document.getElementById('root')
);

<div id="root"></div>

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

html,
body {
  font-family: 'Roboto', cursive;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 30px;
}