Aura Component Architecture Simplified

The Aura Component follows the MVC framework i.e. Model-View-Controller.

The component markup provides the view layer, the JS controller & helper provides the controller part and the controller interacts with the Salesforce service via Apex.

Here we have two controllers one is at the UI layer in the form of Javascript and the other is the Apex which is at the server-side.

Apex interacts with the Salesforce Database which is referred to as Model.

The following diagram shows the aura component architecture following the MVC framework:

Aura Component Lifecycle:

Let’s understand the aura component lifecycle.

An aura component can interact with the server in the following ways:

• A user action will initialize the component
  
• An init event will be invoked in the component which will call the controller function
  
• Controller will invoke the helper methods
  
• Helper method will call the server side Apex controller
  
• Apex controller will returns the response back and callback function will be invoked at the JavaScript helper
  
• Javascript helper can set the component attributes
  
• Component is rendered with the fresh view
  

The following diagram illustrates the Aura Component Lifecycle:

Till here we covered the Aura Component Architecture and its Lifecycle.

In the next part, we will be learning How to Create Aura Components.

Thank you for visiting SalesforceBlue.com
If you have any queries feel free to write down a comment below 🙂