JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://raw.githubusercontent.com/jquery/jquery-color/master/jquery.color.js"></script>
<ul data-bind="foreach: { data: myItems, afterAdd: yellowFadeIn }">
    <li data-bind="text: $data"></li>
</ul>

<button data-bind="click: addItem">Add</button>

JavaScript

var vm = function(){
    var me = this;
    
    this.myItems = ko.observableArray([ 'A', 'B', 'C' ]);
    
    this.yellowFadeIn = function(element, index, data) {

        $(element).filter("li")
                    .animate({ backgroundColor: 'yellow' }, 200)
                    .animate({ backgroundColor: 'white' }, 800);
        };
    
    
    this.addItem = function() {me.myItems.push('New item'); };
};


 ko.applyBindings(new vm());