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
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
chevron up
Icon
Organizing Templates with AMD and Require.js
Icon
Precompiling with the requirejs-tpl plugin
4
Index
Icon
Index

Precompiling with the requirejs-tpl plugin

With AMD, we simplified the template organization process, but the end result still remains an uncompiled template string. In Chapter 2, Working with Views, we saw how template compilation affects application performance every time and we also analyzed the benefits of precompiling templates. Won't it be useful if we have something that will load these template files and provide us with an already-compiled template string instead? Fortunately, there are multiple tpl plugins available for Require.js that automate template compilation, and you can use these plugins directly in your module definition. Let us look at a similar plugin (https://github.com/ZeeAgency/requirejs-tpl) developed by ZeeAgency. Dependency loading is exactly the same as it is for the text plugin, you just need to use the tpl! plugin prefix instead of text!:

 define(['tpl!your-template-path.tpl'], function (template) { 
  return template ({
    your: 'data'
  });
});

Now, r.js provides...

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 Chapter 3
Next Chapter
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