vue-angular-react.js

/**
 * Pure javascript responsability:
 * http to get cultures then add it to
 * 'cultures' variable and then reuse
 * the transformers we wrote
 */

// Vue.js
<ul>
    <li v-for="item in getNames(cultures)">{{ item }}</li>
    <strong>{{ totalQuantity(cultures) }}</strong>
    <pre>{{ energies(cultures) | json 2 }}</pre>
</ul>

// Angular.js
<ul>
    <li ng-repeat="item in getNames(cultures)">{{ item }}</li>
    <strong>{{totalQuantity(cultures)}}</strong>
    <pre>{{ energies(cultures) | json: 2 }}</pre>
</ul>

// React.js
<ul>
    {getNames(cultures).map(item => <li>{{ item }}</li>)}
    <strong>{{totalQuantity(cultures)}}</strong>
    <pre>{JSON.stringify(energies(cultures), null, 2)}</pre>
</ul>