JSFiddle - React, Tailwind, and code Playground

by nyothecat

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.1/knockout-min.js"></script>
<ul data-bind='foreach:myArray'>
  <li data-bind='text: $data'></li>
</ul>

JavaScript

function ViewModel() {
	this.myArray = ko.observableArray();
  this.myArray.push(ko.observable(0));
  this.myArray.push(ko.observable(1));
  this.myArray.push(2);
  this.myArray.push(ko.observable(3));
}

if(typeof ko.updatePotentialObservable == 'undefined')
    ko.updatePotentialObservable = function (arr, index, val) {
        ko.isObservable(arr[index]) ? arr[index](val) : arr[index] = val;
    }

var vm = new ViewModel();

ko.updatePotentialObservable(vm.myArray(), 1, 5);
ko.updatePotentialObservable(vm.myArray(), 2, 6);

ko.applyBindings(vm);