its-framework is a lightweight script that manages state and events for elements.
It's heavily inspired by flux and modular pattern design.

<!-- its-framework -->
<script src="https://brandonbrule.github.io/its-framework/js/actions.js"></script>
<script src="https://brandonbrule.github.io/its-framework/js/dispatcher.js"></script>
<script src="https://brandonbrule.github.io/its-framework/js/state.js"></script>
<script src="https://brandonbrule.github.io/its-framework/js/views.js"></script>

<!-- its.a - Optional Debugging -->
<script src="http://brandonbrule.github.io/itsa/js/itsa.js"></script>

<!-- Your Code (See Below) -->
<script src="js/my-app.js"></script>

its-framework supports multiple element views and controls. All that's required are:
its-control="property" and/or its-view="property" attributes.

<label>Name:</label>
<input its-control="name" type="text">
<p>Hi <strong its-view="name"></strong>!</p>

Hi !


      


      

        
        

          
        

        

      


      

        
        

          
        

        

          

            

          

          

            

          

        

      


      

        
        

          

            

              
            

            

              
            

          

        

        

      


    


    

        
its-framework synchronizes different element types and multiple element relationships.

    


    


      

        
        

          

            

              
            

            

              
            

          

        

        

      


      

        
        

          

            

              
              
              
            

            

          

          

            

              
              
              
            

            

          

        

      


      

        
        

          

            

              :D
              
            

            

              :P
              
            

            

              :O
              
            

          

        

        

      


      

        
        

          

            Subscribe?
            
          

        

         

            

          

      


    


    

      
      
      
      
      
      
      
      
      
      


      
Greetings  

    


    

      

        

<input its-control="Person.id.name.first">
<input its-control="Person.id.name.last">
<input its-control="Person.id.age">

<span its-view="Person.id.name.first">
<span its-view="Person.id.name.last">
<span its-view="Person.id.age">


      

      

          
          
          
          
          
          
          

          
          
  is  years old

      

    



    

        
its-framework encourages a centralized approach in a modular environment. The global state and event manager unifies just enough to keep the complex operations of a team environment in a centralized location. The core principle is to delegate all events and capture a view and state relationship between elements. By adding its-control or its-view attributes its-framework will keep an ongoing capture/update process on all corresponding elements. its-framework caching structure does not include a virtual DOM but is optimized with efficient array access queries after an initial document scan.

    






        

      
      
      


<!-- its-framework -->
<script src="https://brandonbrule.github.io/its-framework/js/actions.js"></script>
<script src="https://brandonbrule.github.io/its-framework/js/dispatcher.js"></script>
<script src="https://brandonbrule.github.io/its-framework/js/state.js"></script>
<script src="https://brandonbrule.github.io/its-framework/js/views.js"></script>

<!-- its.a - Optional Debugging -->
<script src="https://brandonbrule.github.io/itsa/js/itsa.js"></script>

<!-- Your Code (See Below) -->
<script src="js/my-app.js"></script>