Backbone js why

Use LayoutManager. Need better Model-View binding, use Backbone. Stickit or Epoxy. Do you need more structure and some magic for your Single Page App? Use Marionette. The first 0. Backbone gives structure to JavaScript projects and incorporates the basics of Object Oriented Programming. Connect your Views to those models and let them respond to changes in the associated model to render new HTML and update specific parts on the page.

Backbone is Backbone is for Anyone who has built something beyond trivial in JavaScript will have likely run up against questions such as: Where will I store my data? Where will I put my functions? How will I wire my functions together, so that they are called in a sensible way and don't turn to spaghetti? How can I make this code maintainable by different developers? Backbone seeks to answer these questions by giving you: Models and Collections to help you represent data and collections of data.

Views, to help you update your DOM when your data changes. An event system so that components can listen to each other. This keeps your components de-coupled and prevents spaghettification. A minimal set of sensible conventions, so developers can work together on the same codebase. Models, Views and optional extras. Backbone is light Despite initial appearances, Backbone is fantastically light, it hardly does anything at all.

Models When starting out, it's common to store your data either in a global variable, or in the DOM as data attributes. This gives us a clean separation of concerns that keeps our code neat and tidy. The render function You can implement your render function in any way you see fit. Collections You also have access to collections which store lists of models, so a todoCollection would be a list of todo models.

A view can listen to a collection and update itself whenever the collection updates. Views listen to Models and render when the model changes. Views listen to collections and render a list or a grid, or a map, etc. Models listen to Views so they can change state, perhaps when a form is edited. Conventions Code written for Backbone follows a loose set of conventions. To sum up Backbone is a lightweight library that lends structure to your code.

My little book I liked Backbone so much that I wrote a little intro book about it. Doesn't the View technically render a Template, not actually 'itself'? It seems to play more of the 'Presenter' or 'ViewModel' role.

Good point, though the view can render anything you ask it to. This could be a template, some arbitrary jQuery, or even something tiny like a value in a form, or a number in a badge. That's true - especially because it's javascript, the boundaries are sorta smoke and mirrors - if you want to cross them inappropriately you can.

The book is very helpful. Thanks for writing it. Show 7 more comments. Here's an interesting presentation: An intro to Backbone. A big fat state machine? Andrew Hare Andrew Hare k 68 68 gold badges silver badges bronze badges. I use jQuery and mootools and general javascript heavily on my project. How learing backbone. Sorry if my question doesnt makes sense. But in this case its quite literally means backbone : — msanjay.

Vince Vince 1, 1 1 gold badge 14 14 silver badges 19 19 bronze badges. Honestly any framework structure can be mutilated and deformed by ignorant programmers or programmers that just don't give a care.

I once worked on a CodeIgniter site that should have been very straightforward and simple to build. But the idiot I worked with was so used to doing things the 90's way that he changed it from a clean OOP approach to a deformed procedural approach within OOP. I have also seen someone write a site from scratch and write it beautifully without using any frameworks.

He just happened to have a very rational mind that worked out a pretty slick way to implement things. Using a good framework will only get you so far. Whereas using great programming practices will take you light years into the future. Which is hard to believe. Unless you could demonstrate a non-trivial app written twice, once with MVC and once without, that its non-MVC version is easier to maintain, etc. Any application beyond the trivial ideally needs a pattern, and MVC is an excellent pattern when you're dealing with the presentation of data.

It sounds like you've had a bad experience, but that's not the fault of the pattern. So yes, until you understand the plumbing, it will be an exercise of futility. Maintaining and understanding someone's spagettified mess is not faster or easier.. Nish Nish 96 4 4 bronze badges. Additional benefits of using Backbone.

It can be easily integrated into an existing page and you can only use certain library components for example, views without models or collections. While there are many frameworks that you can get started with faster, Backbone's lack of surprises, speed and flexibility make it suitable for all types of applications. On the other hand, since many functions are not provided by default, you either need to write more base class code to get those functions, or find a plugin that provides them however you like.

It also doesn't provide a specific structure, the developer must be mindful of things like memory management, and the lack of view lifecycle management makes state changes prone to memory leaks. Hence, more code is required compared to React. At the same time, React has a pretty fast level of coding. The JS system is widely recommended for its efficiency, small block size, flexibility, and faster approach to work due to its simple component model and server-side rendering functionality.

Since its inception, React has changed the way front-end developers think about building web applications. With React, you can get many of the performance improvements it has to offer by measuring and optimizing how and when your components are rendered.

And React only provides the tools and features you need to make this task easy. As for Backbone, unlike many other full-fledged JavaScript frameworks, Backbone tries to reduce complexity to avoid performance issues. In particular, you won't get performance issues from two-way data binding or inline loops like in AngularJS. Talking about Angular, we have a great blogpost comparing it with React.

As with any MVC framework, Backbone. This results in significant performance efficiencies even as the page grows. However, depending on the level of experience, Backbone. Tools like Backbone can also be problematic when your team misrepresents a junior because Backbone doesn't provide a specific structure. Angular makes this a little trickier - although certainly not impossible!

When building a Backbone. Backbone, known for its comprehensive technical documentation and clean code organization, broken down into meaningful JavaScripts, makes collaborative development easier. It also eliminates the need to store data in the DOM, instead of storing it in the model.

Although Backbone is not actively updated these days, bugs have been fixed and the documentation is updated systematically. React users claim about the lack of optimized documentation. ReactJS is a super-fast solution sharing leaves no room for simplified documentation, documents are a bit chaotic as many developers individually enter them into the database without any systematic approach. Thanks to the support of Facebook, there are many opportunities to use a ton of documentation and online resources to learn and use the Javascript framework for React.

According to similartech. Talking about React, the portal has counted as many as 1,, domains using this technology. And of course, its trend is only growing. React JS has a leading position in the top 10k sites, top k sites, top 1 million sites, and the entire web. In terms of market share, Backbone. Referring to Google Trends , Backbone. Unsurprisingly, backed by Facebook, Instagram, and other well-known organizations, React is one of the most popular JavaScript frameworks of the past five years.

State of JavaScript results show that React has gradually grown in popularity over the course of What's great is that it is supported by a large community of developers from all over the world. As of August , it has thousand Github stars. You can always find great solutions on the forums as well. But at the moment Backbone. There are thousands of websites in these North American and European countries.

At the time of this writing, there are over new Backbone. All these statistics and numbers show that the demand for Backbone JS developers is very high. However, just like with the popularity section, React has much bigger numbers. As per the Stack Overflow Developer Survey , the FB supported framework has gained significant points over the last year:.

React is completely beginner-friendly - guides help to cope with any difficulties arising in the learning process. This way, you can learn the basics of React in a few hours and explore its advanced aspects through detailed documentation. However, it is not as easy to learn as the same Vue see the comparison here - Vue vs.

What about Backbone, since version 0. However, this can be easily learned for many reasons:. However, if you are going to work with Backbone, you will almost inevitably need to learn Marionette, Chaplin, or Thorax. Turning back to the Stack Overflow Developer Survey - Top paying technologies section, we can see that on average React.

Again, there is no data about Backbone. So let's discuss the actual salary in React in different major countries around the world.

Given that the skills and experience of React developers are in high demand, the market for these professionals is certainly competitive. At the same time, hiring Backbone. Below are the average annual salaries for Backbone. Project weight really matters when we talk about loading speed and responsive mobile web apps.

In this case, less is more. So, Backbone is a promising framework in all areas of web development. Extensibility is at the heart of the entire Backbone framework. Thus, it includes many small libraries suitable for special needs. Moreover, it is always possible to create your own MVC framework. MV structure. Using Backbone makes JavaScript easier to structure. It also includes the basics of object-oriented programming. Finally, the link between the view and the models allows you to see any HTML changes.

Abstract application code. Abstraction is one of three things that are really important in programming. The better it is, the better the code will be. It hides everything except the relevant data about the object. This is necessary to simplify navigation in complex projects and increase efficiency.

In simple terms, Backbone allows the developer to keep the application logic separate from the user interface. As a result, both of them can be easily changed, updated, and maintained as needed. This separation makes it clearer where changes are needed and which unit test to write.

Unlike other frameworks, Backbone. It doesn't have its own templating engine other than the base one included in Underscore. This choice allows developers to use the tools they are already familiar with and speed up the development process.

The web application development process has been evolving over the years. Later, in web 2. That was a considerable improvement, and most of the pages served today use this approach. However, providing the website with even more responsiveness, speed, and enhanced user interaction requires bringing the page generation closer to the users in the browser rather than a remote server.

However, these require extra plugins and are not as ubiquitous as JavaScript. Web applications nowadays require heavy use of JavaScript to generate content on the fly. JS allows websites to render only content that changes without reloading the entire page on every request e. A common problem with extensive JS web applications developed is that they can become pretty messy quickly. The lack of structure makes the code hard to maintain. Enters Backbone.