Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Backbone.js Patterns and Best Practices
  • Table Of Contents Toc
Backbone.js Patterns and Best Practices

Backbone.js Patterns and Best Practices

By : Swarnendu De
4.3 (9)
Buy this Book
close
close
Backbone.js Patterns and Best Practices

Backbone.js Patterns and Best Practices

4.3 (9)
By: Swarnendu De
Buy this Book

Overview of this book

Table of Contents (19 chapters)
close
close
close
Backbone.js Patterns and Best Practices
Icon
Backbone.js Patterns and Best Practices
Credits
Icon
Credits
About the Author
Icon
About the Author
Acknowledgments
Icon
Acknowledgments
About the Reviewers
Icon
About the Reviewers
www.PacktPub.com
Icon
www.PacktPub.com
Preface
Icon
Preface
Lock Free Chapter
1
Reducing Boilerplate with Plugin Development
Icon
Reducing Boilerplate with Plugin Development
Icon
Basic components of Backbone.js
Icon
Using Underscore.js
Icon
Re-using code with extensions
Icon
Understanding JavaScript mixins
Icon
Summary
2
Working with Views
chevron up
Icon
Working with Views
Icon
Basic usage of views
Icon
Partially updating a view
Icon
Understanding nested views
Icon
Working with templates
Icon
Understanding automatic model-view data binding
Icon
Using Marionette's ItemView, CollectionView, and CompositeView
Icon
Using Layout Manager
Icon
Summary
3
Working with Models
Icon
Working with Models
Icon
Basic usage of models
Icon
Validating the data
Icon
Serializing models
Icon
Understanding the relational data model
Icon
Summary
4
Working with Collections
Icon
Working with Collections
Icon
Basic usage of collections
Icon
Sorting a collection
Icon
Filtering a collection
Icon
Understanding the collection of multiple model types
Icon
Summary
5
Routing Best Practices and Subrouting
Icon
Routing Best Practices and Subrouting
Icon
Working with routers
Icon
Best practices for working with routers
Icon
Subrouting – a key to organizing complex apps
Icon
Summary
6
Working with Events, Sync, and Storage
Icon
Working with Events, Sync, and Storage
Icon
Understanding custom events
Icon
Using an event dispatcher
Icon
Avoiding memory leaks with the listenTo() method
Icon
Overriding the Backbone.sync() method
Icon
Offline storage using the Backbone.LocalStorage adapter
Icon
Summary
7
Organizing Backbone Applications – Structure, Optimize, and Deploy
Icon
Organizing Backbone Applications – Structure, Optimize, and Deploy
Icon
Understanding the application directory structure
Icon
Working with Asynchronous Module Definition
Icon
Creating application architecture
Icon
Summary
8
Unit Test, Stub, Spy, and Mock Your App
Icon
Unit Test, Stub, Spy, and Mock Your App
Icon
Understanding why unit testing is important
Icon
Testing with QUnit
Icon
Using test spies, stubs, and mocks with SinonJS
Icon
Summary
1
Books, Tutorials, and References
Icon
Books, Tutorials, and References
Icon
Books for reference
Icon
Tutorials
2
Precompiling Templates on the Server Side
Icon
Precompiling Templates on the Server Side
3
Organizing Templates with AMD and Require.js
Icon
Organizing Templates with AMD and Require.js
Icon
Precompiling with the requirejs-tpl plugin
4
Index
Icon
Index

Understanding automatic model-view data binding

Whenever an attribute of the attached model changes, we refresh the view to display the updated data. A change event listener is attached to the model inside the initialize() method of the view as follows:

this.listenTo(this.model, 'change', this.render);

However, there are options that can handle this data binding automatically and you do not need to take care of it for every model-view relationship. This principle is more aligned towards the MVVM design pattern than the Backbone's MV* pattern, and you will find it in frameworks such as Knockout.js and Meteor.js.

For Backbone, there are multiple plugins such as Backbone.Stickit (http://nytimes.github.io/backbone.stickit/), Backbone.ModelBinder (https://github.com/theironcook/Backbone.ModelBinder), and Rivets.js (http://www.rivetsjs.com/). These plugins provide a similar data binding feature. We are not going to discuss each plugin here; however, the implementation process is simple and similar...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Backbone.js Patterns and Best Practices
End of Section 2
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon