Book Image

Backbone.js Patterns and Best Practices

By : Swarnendu De
Book Image

Backbone.js Patterns and Best Practices

By: Swarnendu De

Overview of this book

Related Content you might be interested in

Current Title:

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

Using Marionette's ItemView, CollectionView, and CompositeView

Marionette (http://marionettejs.com/) is a composite application library for Backbone.js. Developed by Derick Bailey, it is a collection of common patterns and solutions to Backbone problems. It is a great library and lots of developers use it for their Backbone-based applications.

One important thing about Marionette is that it offers several separate packages for views, regions, and so on, and allows you to use any of them freely without requiring the complete library. In this section, we will explore Marionette's ItemView, the CollectionView, and the CompositeView functionalities. These views solve a number of problems we discussed in the previous sections.

ItemView

ItemView represents a single view for an item, it can be a model view or a collection view. It extends the Marionette.View class, which is a core view with a number of reusable functions. Marionette.View takes care of triggering, delegating, and undelegating events...

Previous Section
End of Section 7
Next Section