JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://angular-ui.github.io/ui-router/release/angular-ui-router.js"></script>
<body ng-app = "app">
  <ui-view />
</body>

JavaScript

angular.module("app",["ui.router"])
.config(function($stateProvider, $urlRouterProvider) {
    console.log("Hello");
    $urlRouterProvider.otherwise('/A/');
  
    $stateProvider.state("A", {
      url : "/A/:value",
      controller : function($scope, $state, $timeout, $stateParams) {
        $scope.value = $stateParams.value;
        console.log("init A controller");
        $timeout(function() {
          console.log("Inside timeout")
          if (!$scope.value) {
            $scope.value = "Hello";
            $state.go($state.current.name,{ value :  $scope.value }, {reload:false, notify : false});
          }
        },100);
      },
      template : "{{ value || 'noval' }}<br /><a ui-sref = 'B'>Go to B</a>"
    })
    
    .state("B", {
    	url : "/B",
      controller : function($scope) {
        console.log("Init B");
      },
      template : "This is B"
    })
      
});