JavaScript

JavaScript controls, frameworks, platforms and tools

  1. Angular
    • Latest version 4
    • MVC
    • Used along with
      • TypeScript
      • ReactJS (ngReact)
    • IDEs
      • Visual Studio Code
      • Visual Studio 2017
    • Advantages
      • Large ecosystem
      • Built-in Dependency Injection makes it easy to unit test components
      • Model as single source of data helps in reducing redundancies in code
      • Two-way binding
      • Better MVC implementation
      • Declarative user interface
      • Declarations let’s build common user interface objects
      • Easy live filtering
      • Built-in routing
    • Disadvantages
      • Debugging large applications could be tedious
      • Direct changes to HTML DOM means more changes to implement when page refreshes
      • Comparison of current value done only with initial value
      • Only every change, complete set of entities are compared – meaning, it becomes slower as number of bindings increase
  2. BackboneJS
    • MVP
  3. C3.js
  4. D3.js
  5. EmberJS
  6. Gijgo
    • UI controls
    • ¬†Built-in support for
      • Bootstrap
      • Material Design
      • Font Awesome
  7. KnockoutJS
    • MVVM
    • Ideal for
      • Defining entities
      • e.g. e-commerce sites
    • Disadvantages
      • Lacks routing
  8. Marionette
    • Internally uses BackboneJS
  9. Ractive.js
  10. ReactJS
    • V of MVC
    • Used along with AngularJS
    • Ideal for
      • Building better user interfaces
      • Large applications
      • Applications with workflow
    • Advantages
      • Provides modularity for UI components
      • UI components can be developed and tested in isolation
      • Simpler debugging for large applications
      • Virtual DOM makes it lightweight to make changes in values on screen
      • More friendly for SEO due to its pre-rendering
  11. Rivets
    • Lightweight
  12. SPArta.js
    • MVVM
    • Internally uses KnockoutJS
    • Ideal for
      • Single page applications
  13. Vue.js