gistfile1.txt

import { render, createView, html } from 'fusion';

const view = createView(({ name, age, location }) => html`
	<div>
		<header>About me</header>
		<section class="about">
			<div>My name: <span>${ name }</span></div>
			<div>My age: <span>${ age }</span></div>
			<div>My location: <span>${ location }</span></div>
		</section>
	</div>
`);

render(view('Dominic', 28, 'UK'), document.body);

const MyComponent = createComponent(function (props) {
	return html`<div>Hello world</div>`;
});

render(html`
	<div>
		${ MyComponent({ items, counter },
			MyComponent({ items, counter }),
			MyComponent({ items, counter }), html`
			<div>Foo</div>
			<div>Foo</div>
		`)}
	</div>
`, document.body);


render(html`
	import MyComponent from ${ MyComponent };

	<div>
		<MyComponent>,
			<MyComponent />
			<MyComponent />
			<div>Foo</div>
			<div>Foo</div>
		</MyComponent>
	</div>
`, document.body);