FC - render

fc-render.markdown

FC - render

A Pen by Bryan C Guner on CodePen.

License.

index.html

<div id="root">
  <!-- This element's contents will be replaced with FunctionalComponent. -->
</div>

script.babel

/* arrow function */
const FunctionalComponent = () => {
 return <h1>Hello, world</h1>;
};

/* regular function */
/*
function FunctionalComponent() {
 return <h1>Hello, world</h1>;
}
*/

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

scripts

<script src="https://unpkg.com/react/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script>