We receive two documents as our project brief from the client: a wireframe and a set of criteria to meet. A wireframe is the layout of our application in broad strokes, as shown here:
Wireframe graphic for "Architecture CMS"
Immediately, we know that this is a very simple single-page application with a tree view, editor panel, and a search bar. The criterion fleshes out as follows:
REST backend API provided
The treeview to show all pages
Search that will highlight the matching page in the treeview
The required HTML editor
URLs that must be customizable
Pages that can be published or unpublished
User must be able to create, view, update, and delete pages
Let's assess these criteria in terms of Ext JS. Firstly, we know that REST support is available in Ext JS via Ext.data.proxy.Rest, which we can use through our models and stores. However, note that the second point requires a tree view representing the hierarchical structure. While Ext JS provides a TreePanel component and there's...