<!DOCTYPE html>
<html>

  <head>
    
    <link rel="stylesheet" href="style.css" />
    <script data-require="react@0.12.2" data-semver="0.12.2" src="//cdnjs.cloudflare.com/ajax/libs/react/0.12.2/react.js"></script>
    <script data-require="react-jsx@*" data-semver="0.12.2" src="//cdnjs.cloudflare.com/ajax/libs/react/0.12.2/JSXTransformer.js"></script>
  </head>

  <body>
    <div id="app"></div>
    
    <script src="script.js"></script>
  </body>

</html>



// Notre component HelloWorld ne reçoit qu'un paramètre name et l'affiche dans une simple div
const HelloWorld = function(props) {
  const name = props.name
  return (
        <div>
          Hello, {name}!!
        </div>  
  )
}

// React.render permet d'insérer un component dans l'élément DOM passé en deuxième paramètre
React.render(
  <HelloWorld name="Funky Emulation" />,  
  document.getElementById('app')
);
/* Styles go here */


# Simple React Hello in JSX with Props

This is a simple hello example of React with JSX and props.