JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc2.js"></script>
<div ng-app="myApp">
    <div ng-controller="MyCtrl">
        <ul>
            <li ng-repeat="item in items">{{item}}</li>
        </ul>
    </div>
</div>
<script src="http://localhost:8080/socket.io/socket.io.js"></script>

CSS

.ng-invalid { border: 2px solid red; }

JavaScript

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

function MyCtrl($scope, io) {
    $scope.items = ["A", "B", "C", "D"];

    io.on('message', function(data) {
        console.log(data);
        $scope.items.push(data);
    });
}

app.factory('io', function() {
    return io.connect('http://localhost:8080/')
});