Commencer
Markup est une bibliothèque plug and play, ce qui signifie que vous n'avez pas besoin de la construire ou de la compiler pour pouvoir voir ce que vous construisez. Ce que vous écrivez est ce qui est expédié au client. Rien de plus, rien de moins.
De plus, vous pouvez l'exécuter sur le client et le serveur pour produire tout type d'application.
Essayez des exemples dans le navigateur
La façon la plus simple de commencer est de l'essayer dans un navigateur, et il existe peu de projets avec lesquels vous pouvez démarrer :
- Application client ToDo avec gestion d'état (StackBlitz)
- Application Compteur Client (StackBlitz)
- Application de minuterie client (CodePen)
- Site Web du nœud SSR (StackBlitz)
Fichier HTML
La façon la plus simple de commencer consiste à créer un fichier HTML et à ajouter le contenu suivant. Vous pouvez ensuite l'ouvrir dans le navigateur pour voir.
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>