Empezar
Markup es una biblioteca plug and play, lo que significa que no necesita crearla ni compilarla en nada para poder ver lo que crea. Lo que usted escribe es lo que se envía al cliente. Nada más, nada menos.
Además, puede ejecutarlo en el cliente y el servidor para producir cualquier tipo de aplicación.
Pruebe ejemplos en el navegador
La forma más sencilla de empezar es probarlo en el navegador, y hay algunos proyectos con los que puedes empezar:
- Aplicación de tareas pendientes del cliente con gestión de estado (StackBlitz)
- Aplicación de contador de clientes (StackBlitz)
- Aplicación de temporizador de cliente (CodePen)
- Sitio web del nodo SSR (StackBlitz)
Archivo HTML
La forma más sencilla de comenzar es creando un archivo html y agregando el siguiente contenido. Luego puedes abrirlo en el navegador para verlo.
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>