4. My Backbone Project | Learning Yeoman

The Backbone view

Backbone views are used to reflect data; they are used to listen to events and respond accordingly. The idea is to organize the user interfaces into logical views that have methods to handle user interaction and can update the UI independently when the model data changes, without having to refresh the page.

Creating views

To create a new view, use the backbone:view subgenerator as follows:

$ yo backbone:view posts

The preceding command creates a new Backbone view located at app/scripts/views/posts.coffee and a new Handlebars view template located at app/scripts/templates/posts.hbs.

Using views

Backbone views use an optional render() method that defines the logic to render a template. This example uses the Handlebars templating library to compile a collection with HTML that gets injected into the view's el property.

Open the app/scripts/views/posts.coffee file and add the following code:

define [
  'jquery',
  'underscore',
  'backbone',
  'templates',
  'collections/posts',
...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Learning Yeoman

By : Spratley

Learning Yeoman

By: Spratley

Overview of this book

The Backbone view

Creating views

Using views

Learning Yeoman

By : Spratley

Learning Yeoman

By: Spratley

Overview of this book

The Backbone view

Creating views

Using views

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access