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

Rendering custom views


In this section, we will look at the rendering process for SproutCore views. Updating the DOM is one of the slowest points in a web application and so, there are some very important steps that SproutCore uses to avoid touching the DOM unnecessarily. While all of the pre-built SproutCore views are already written to take full advantage of this, when we do custom rendering, it's important that we understand the render cycle in order to keep our views fast. Don't worry; it's not difficult to follow and you will have no problem creating complex views by the time we're done with this chapter.

We've already discussed how to affect the view's top level element by setting layerId, tagName, classNames, and layout but we haven't yet discussed how to create custom inner content for the element. To do so, there are two methods in SC.View that we use: render and update. The render method is called the first time the view is displayed and update is called each time the view's display...