Comece
Markup é uma biblioteca plug and play, o que significa que você não precisa construí-la ou compilá-la em nada para poder ver o que você constrói. O que você escreve é o que é enviado ao cliente. Nada mais, nada menos.
Além disso, você pode executá-lo no cliente e no servidor para produzir qualquer tipo de aplicação.
Experimente exemplos no navegador
A maneira mais simples de começar é testando no navegador, e há poucos projetos com os quais você pode começar:
- Aplicativo de tarefas do cliente com gerenciamento de estado (StackBlitz)
- Aplicativo de contador de clientes (StackBlitz)
- Aplicativo de temporizador de cliente (CodePen)
- Site SSR do nó (StackBlitz)
Arquivo HTML
A maneira mais simples de começar é criando um arquivo html e adicionando o seguinte conteúdo. Você pode então abri-lo no navegador para ver.
html
<!doctype html>
<html lang="en">
<head>
<title>Markup - Hello World</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<script src="https://unpkg.com/@beforesemicolon/markup/dist/client.js"></script>
</head>
<body>
<div id="app"></div>
<script>
const { html, state } = BFS.MARKUP
const [count, updateCount] = state(0)
const countUp = () => {
updateCount((prev) => prev + 1)
}
html`
<h1>Hello World</h1>
<button type="button" onclick="${countUp}">
count ${count}
</button>
`.render(document.getElementById('app'))
</script>
</body>
</html>