JSFiddle - React, Tailwind, and code Playground

Testing

by nickadeemus2002

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.7.2/redux.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.7.2/redux.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
<div ng-app="CommissionPlan">
  <div ng-controller="PlanContainer">
      <plan-list></plan-list>
  </div>
</div>



<script type="text/ng-template" id="plan-item.html">
	<p> plan item </p>
</script>

<script type="text/ng-template" id="plan-selection.html">
	<select>
  	<option> 1 </option>
    <option> 2 </option>
    <option> 3 </option>
  </select>
</script>

JavaScript

var app = angular.module("CommissionPlan",[]);
  
  var PlanItem = {
    bindings: {},
    transclude: {},
    template: 'plan-item.html',
    controller: PlanItemController,
    controllerAs: 'vm'
  };
  
app
	.controller("PlanContainer", PlanContainer)
	//.component("PlanItem", PlanItem);  
  
  
app.component('planlist', {
  controller: function () {
    this.testing = 123;
    
  }
});




PlanContainer.$inject = [ '$scope' ];


/**
* classes : )
*/

  function PlanContainer($scope){
    //container will manage state
    
  }
    
  function PlanItemController(){
  	//presentation (dumb) components
    var vm = this;
    vm.name = name;    
  
  }  
  
  function PlanSelection(){
  	// action (stateful) component
  
  }