const component = () => {<br /> console.log(“This is a functional Component”);<br /> }

import React from ‘react’;</p> <p>const Component = () => {<br /> return (<br /> <h1>Component</h1><br /> )<br /> }</p> <p>export default Component;

// function component in react<br /> import React from ‘react’;</p> <p>const FunctionComponent = function() {<br /> return (<br /> <div><br /> <h1>React Function Component</h1><br /> </div><br /> )<br /> }</p> <p>export default FunctionComponent;

function app() {<br /> return (<br /> <div><br /> <h1>Hello World</h1>;<br /> </div><br /> );<br /> }

function Welcome(props) {<br /> return <h1>Hello, {props.name}</h1>;<br /> }</p> <p>function App() {<br /> return (<br /> <div><br /> <Welcome name=”Sara” /> <Welcome name=”Cahal” /> <Welcome name=”Edite” /> </div><br /> );<br /> }</p> <p>ReactDOM.render(<br /> <App />,<br /> document.getElementById(‘root’)<br /> );

import React from ‘react’; const App = () => { const greeting = ‘Hello Function Component!’; return <Headline value={greeting} />;}; const Headline = ({ value }) => <h1>{value}</h1>; export default App;

import React from ‘react’;</p> <p>const component = () => {<br /> return (<br /> <div><br /> <h1>Title</h1><br /> <p>Description</p><br /> </div><br /> )<br /> }</p> <p>export default Component;

function Comment(props) {<br /> return (<br /> <div className=”Comment”><br /> <div className=”UserInfo”><br /> <img className=”Avatar”<br /> src={props.author.avatarUrl}<br /> alt={props.author.name}<br /> /><br /> <div className=”UserInfo-name”><br /> {props.author.name}<br /> </div><br /> </div><br /> <div className=”Comment-text”><br /> {props.text}<br /> </div><br /> <div className=”Comment-date”><br /> {formatDate(props.date)}<br /> </div><br /> </div><br /> );<br /> }

function Greeting(props) {</p> <p> return <h1> Hello, {props.name}! </h1></p> <p>}

function Welcome(props) { return <h1>Hello, {props.name}</h1>;<br /> }</p> <p>const element = <Welcome name=”Sara” />;ReactDOM.render(<br /> element,<br /> document.getElementById(‘root’)<br /> );