React components

Aaa.jsx

// A component is a function that returns JSX
const Aaa = () => (
	<div>
		You can do any JSX in here
	</div>
)

// Remember to export the component
// Most people have one component per file and use export default
export default Aaa

App.jsx

// Import any components you need here
import Aaa from '/Aaa.jsx'
import Fancy from './Fancy.jsx'

// Use the components inside the JSX, as many times you like
const App = () => {
	return (
		<main>
			<Aaa />
			<Aaa />
		<Fancy item={'hello'} />
		</main>
	)
}

Fancy.jsx

const Fancy = (props) => {
	const { item } = props
	
	return (
		<div className="fancy">
			{item}
		</div>
	)
}

export default Fancy