Ext JS 4 MVC concepts
When the MVC design pattern was introduced for the first time in Ext JS 4, it completely revolutionized the Ext JS framework. Although MVC was well known as a design pattern, this was the first time a sophisticated JavaScript framework had implemented the strategy. There are several key benefits as follows:
The MVC design pattern organizes code into logical realms or component types, which makes the code easier to understand
MVC modularity can simplify component testing and refactoring as each object has a well-defined purpose
The MVC design pattern architecture encourages cleaner code, clearly separating data access, presentation, and business logic
These were a huge advantage over the previous Ext JS 3 where the only true MVC component was the V (View). It was left to the Ext JS 3 developer to architect the M (Model) and C (Controller) as best they could, which often led to confusing and inconsistent code. Let's now look at how Ext JS 4 defines the MVC design pattern...