About Backbone.js::-
– Backbone.js is a client-side MVC architecture. It is a design pattern where we separate the data from the way it is defined, manipulated and displayed. It allows you to structure your Javascript code in an MVC pattern.
– In the MVC platform, web application depends upon server for getting json data for the logic on how to display it. Here load on server is reduced and it helps in increasing the speed of the website.

-It’s easy to create small and slick web applications with frameworks like jQuery. When a project grows, however, the jQuery declarations and callbacks get more and more complex and are distributed all over the place. The code becomes more and more cluttered and hard to read.

-It provides an event-driven communication between views and models . One can attach event listeners to any attribute of a model, which gives you very nuanced control over what you change in the view.

-The BACKBONE.JS events build on top of regular DOM events, which makes the mechanism very versatile and extensible. With one line of code, for example, one can introduce a publish/subscribe pattern to backbone that ties all of your views together

-The models in Backbone.js   can be easily tied to a back-end. Out-of-the box the framework provides excellent support for Restful APIs in that models can map to a RESTful endpoint. If the API is designed correctly, backbone is already configured to access these directly for read, write, and delete operations.

-If a backend other than a RESTful API is used, backbone.js is still flexible enough to accommodate for that.

-Conventions are a great way to introduce a common coding style without the need of coming up with an extensive set of coding standards.  Backbone.js is particularly helpful to maintain a clean code base despite having multiple people collaborating on the code.

Share

The post Backbone.js appeared first on Blog.

React is a JavaScript UI library for dynamic websites. React allows to build complex UI using components as the basis of each building blocks. A component is the smallest possible representative of a group of DOM elements along with its corresponding actions and state.  It allows to create DOM, from JavaScript, that automatically updates to any state changes within the model. It’s an extremely useful framework when dealing with AJAX, dynamically updated DOM, and single page web applications. React.js is JavaScript library developed by Facebook for building user interfaces – it’s oftenly used as view in MVC applications and it doesn’t make assumptions on rest of stack so you can use it with different tech stacks.

Pros:

• Extremely easy to write UI tests cases. This is due to the virtual DOM system implemented entirely in JS
• Components can be reuse easily throughout your app. They can also be combined, and wireup together to create even more complex UIs
• One can use reactJS as an alternative, or along with popular JS libraries such as angular, backbone and jQuery
• React will automatically manage all UI updates when your underlying data changes.
• Ease of debugging-There’s a reactJS chrome extension that allows you to inspect the DOM to figure out which component is rendering a particular piece of UI.
• Works nicely with commonJS / AMD patterns

Cons:

• There’s a learning curve for beginners whom are new to web development.
• Integrating ReactJS into a traditional MVC framework such as rails would require some configuration
• It’s kind of verbose. Writing components isn’t as straight forward as pure HTML & JS
• It’s not a full framework. There’s no router nor model management libraries built into ReactJS — unlike angular or ember.

Share

The post ReactJS appeared first on Blog.