JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/4.3.1/css/foundation.min.css">
<body ng-app="app" ng-controller="MainCtrl">
    <ul>
        <li ng-repeat="book in books | orderBy:'title'">
            <p>{{book.title}} / <em>{{book.author}}</em></p>
        </li>
    </ul>
</body>

JavaScript

var app = angular.module('app', []);

app.controller('MainCtrl', function($scope) {
    $scope.books = [
        {
            title: 'Introduction to Algorithms',
            author: 'Thomas H. Cormen'
        },
        {
            title: 'The C Programming Language',
            author: 'Brian W. Kernighan'
        },
        {
            title: 'Effective Java',
            author: 'Joshua Bloch'
        },
    ];
});