Book Image

SproutCore Web Application Development

By : Tyler Keating
Book Image

SproutCore Web Application Development

By: Tyler Keating

Overview of this book

SproutCore is a framework that exists to allow developers to deliver on the promise of the Web with more than just simple attractive demos, but with complex software and remarkable user experiences. SproutCore’s creators recognized early on that developing real web software requires the same software development tools and practices that have evolved over decades in the native software field and thus SproutCore brings these to the Web. SproutCore Web Application Development is more than just a guide to one of the largest and most powerful web application frameworks out there, it’s also a guide to writing genre defining web applications and solving the unique problems that the web platform creates. Containing the results of thousands of hours of software development experience, this book is invaluable for anyone already writing software for the Web or just starting out. SproutCore Web Application Development comprises of three sections. In the first section we introduce SproutCore and walk through a simple SproutCore application. From there, we look in detail at all of the main components of the framework before finally working through a rigorous real-world example from start to finish. Learning about SproutCore means learning about writing software for the Web. In this book, you will not only learn what sets SproutCore apart from other web libraries and frameworks, you will also learn about solving the difficult challenges that web development poses. We will look at all the components of an application and how to translate wireframes, mocks, and design descriptions into clean, efficient, and maintainable code using MVC, data adaptors, statecharts, and more. We will look at SproutCore’s powerful binding and observing and watch how changes propagate across our app effortlessly and magically with very little code. By the time you complete SproutCore Web Application Development, you’ll be ready to develop your own application that redefines what it means to be a web application.
Table of Contents (13 chapters)
SproutCore Web Application Development
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Updating custom views


The next step in creating a functional custom view is to efficiently update the display when necessary. For instance, in the previous example, we would want to be sure about updating the display each time the value of name changes. To do this, we use the displayProperties array to name the properties that, when changed, should cause our view's display to update.

Therefore, here's an addition to MyApp.NameLabelView that will ensure our view updates each time the 'name' value changes:

MyApp.NameLabelView = SC.View.extend({

  displayProperties: ['name'],

  // ...

Tip

Each property named in displayProperties will be observed for changes. So, be sure to only list those properties that directly affect the rendering. Listing extra properties wastes processing time and causes unnecessary display updates.

This will actually work as it is using our previous render code, but it will not be as efficient as it could be.

In the absence of the update method in the view, SproutCore will...