Skip to content

Instantly share code, notes, and snippets.

@roman01la
Forked from mpj/templating_problems.MD
Last active April 13, 2017 13:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save roman01la/516c4d11e103d075c7854fe9129bb970 to your computer and use it in GitHub Desktop.
Save roman01la/516c4d11e103d075c7854fe9129bb970 to your computer and use it in GitHub Desktop.
Templating critique
(defn list-container [items]
[:.list-container
(if (seq items)
[:ul
(for [{:keys [name id]} items]
[:li {:key id} name])]
[:p "No items found."])])
let ListContainer = ({ items }) =>
<div className="list-container">
{items.length ? <ul>
{items.map(item =>
<li key={item.id}>{item.name}</li>}
</ul> : <p>No items found</p>}
</div>
<template>
<div class="list-container">
<ul v-if="items.length">
<li v-for="item in items">
{{item.name}}
</li>
</ul>
<p v-else>No items found.</p>
</div>
</template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment