Book Image

Sencha MVC Architecture

By : Ajit Kumar
Book Image

Sencha MVC Architecture

By: Ajit Kumar

Overview of this book

<p>Sencha provides one of the most popular frameworks to build RIA applications (using ExtJS) and HTML5 compliant mobile applications (using Sencha Touch). Creating an application is always easy, but creating a highly maintainable and scalable application is challenging without having solid architectural practices in place.<br /><br />"Sencha MVC Architecture" covers all the aspects, from project design to building and packaging, creating and delivering an enterprise-class application by applying Sencha MVC Architecture. Every concept is supported with a functional code, which you can quickly try out and also understand how it works.<br /><br />The book presents the general MVC architecture and presents a case for the client-side MVC architecture and their importance. You will learn why we need to have client-side MVC architecture and how the concepts map to the Sencha MVC Architecture. You will then learn how to create an application in ExtJS as well as Sencha Touch by applying all the concepts and classes of Sencha MVC Architecture. The step-by-step approach helps you build a working application without getting into the detail of the constructs yet explains how things work. The later part of the book will explain the Sencha MVC Architecture constructs in detail &ndash; class system, loader, controller, etc. and the best practices introduced by the framework. The end of the book will walk you through the challenges that you will face when you model your application using the Sencha MVC Architecture and also show you how to overcome each one of them. You will learn how to make use of the tools to manage your project beginning from the project creation to delivery.</p>
Table of Contents (12 chapters)

Summary


In this chapter, we looked at the different classes which are part of the MVC architecture in Ext JS as well as Sencha Touch. We also looked at the function of each of these classes and saw the differences in their behavior and usage. In addition to the common classes—application, controller, model, view (component)—we also looked at the Touch-specific way to handle profiles to encapsulate device-specific behaviors and layout in the applications. Also, we saw how to set up the routes in a Touch application and have the history tracking in place. In the next chapter, we will go further inside the class system, which provides Ext.define and Ext.create kinds of APIs and understand what the other offerings are, and how to make use of them to build a large enterprise application.