A glimpse into the future of Marko.

For more information, check out the announcement article!

Installation

npm install @marko/tags-api-preview

After installing the tags-api-preview in your project, you can immediately start using new tags and features. You can use "tags api" templates along side your existing "class api" templates. A set of heuristics is used to determine if the "tags api" should be enabled.

Examples

<let/count=0 />

<div>${count}</div>
<button onClick() { count++ }>
  Click me!
</button>

<let/count=0 />
<effect() { document.title = `You clicked ${count} times` } />

<button onClick() { count++ }>
  Click me
</button>

Heuristics

When @marko/tags-api-preview is installed, using any of the following opts into the "tags api" on a per template level:

• tag variable syntax (<div/el>).
• any new tag (<let>, <const>, <effect>, etc).
• usage of the attribute binding syntax (<input value:=myValue/>).
• a <!-- use tags --> comment at the top of the template

There are some features that are disabled when opting into the tags api. Those features will display errors when used.

Code of Conduct

This project adheres to the eBay Code of Conduct. By participating in this project you agree to abide by its terms.