JSFiddle - React, Tailwind, and code Playground

by jmpp77

HTML

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

React

function App() {
	return (
  	<main>
      <Jedi isMaster={true}>Obi-Wan Kenobi</Jedi>
      <Jedi isMaster={true}>Qui-Gon Jinn</Jedi>
      <Jedi isMaster={false}>Anakin Skywalker</Jedi>
  	</main>
  );
}

function Jedi (props) {
    const title = props.isMaster ? 'Maître' : 'jeune Padawan';
    return (
    	<h1>Bienvenue {title} {props.children}</h1>
    );
}

ReactDOM.render(<App />, document.getElementById('root'));