p6-react

use Component;
use Slang;
component Item {
hasStr$.data;
methodrender {
<li>
{{$.data}}
</li>
}
}
component UlList {
hasStr@.items;
methodrender {
<ul>
{{
dofor@.items->$item {
<Item data={{$item}} />
}
}}
</ul>
}
}
say UlList.new(:items<bla ble bli>).render.render

running:

<ul><li>
bla
</li><li>
ble
</li><li>
bli
</li></ul>