Lightning Component and Application Architecture
Understanding Component Composition
Component composition is the technical term for building new components and applications by assembling smaller, more granular components into something greater than the sum of its parts.
The smaller individual components do not add value in and of themselves, but their value is realized when they work together with other components to compose brand new components.
Peter Knolle breaks down the Lightning Component Framework architecture and clearly articulates the essence of component composition, which can be a difficult concept to conceptualize for developers new to the framework.
What you will learn from Peter’s piece is how to think about breaking down an application into finer grained components, then composing them into new components and applications by using component references and an attribute type called facets to pass data between components in the hierarchy.
- Source: Salesforce Developers Blog
- Author: Peter Knolle
- Date: 25-Mar-2015
- Category: Lightning Component and Application Architecture
Passing Data Between Components Up, Down and Across the Component Tree
As developers move from Visualforce and other MVC frameworks to Lightning Component development, one of the most difficult conceptual leaps that has to be made is unlearning the synchronous architecture of directly calling server-side controller actions from hard-wired UI components such as buttons or links, to a more decoupled and event-driven architecture.
Philippe Ozil lays out the different options for communicating between parent and child components up and down the component hierarchy, as well as across the entire component tree using a publish-subscribe pattern.
In this article you will learn about passing data values down the component hierarchy using both component attributes and public methods, passing data up or down the component hierarchy using component events, and passing data across the entire component tree using application events.
- Source: Salesforce Developers Blog
- Author: Philippe Ozil
- Date: 3-Apr-2017
- Category: Lightning Component and Application Architecture
Patterns For Sharing JavaScript Code Between Lightning Components
To move beyond basic Lightning Component development into composing larger and more complex Lightning Applications, you will need to learn how to share code and data across any number of components contained in an application.
Christophe Coenraets presents two options for creating modular, reusable code that can be shared across Lightning Components: Importing a JavaScript file into a Lightning Component using ltng:require, and using lightweight “service components” that perform specific utility functions and enable you to utilize multiple Apex controllers from within the containing component.
In this article you will learn how modularizing code eliminates duplication and enables reusability as you build larger and larger enterprise applications on the Lightning Platform.
- Source: Salesforce Developers Blog
- Author: Christophe Coenraets
- Date: 19-Dec-2016
- Category: Lightning Component and Application Architecture
Creating Lightning Components: Single Page Applications
- Source: Salesforce Developers Blog
- Author: Don Robins
- Date: 13-Apr-2015
- Category: Lightning Component and Application Architecture
Understanding the Architecture of Lightning Component Actions and Executing Server-Side Apex Controller Logic
- Source: Salesforce Developers Blog
- Author: Don Robins
- Date: 4-May-2015
- Category: Lightning Component and Application Architecture
Applying Object-Oriented Programming Principles to Understanding Lightning Component Architecture
- Source: Salesforce Developers Blog
- Author: Don Robins
- Date: 12-May-2015
- Category: Lightning Component and Application Architecture
Understanding Lightning Component Inheritance and What Gets Inherited When a Subcomponent Extends a Supercomponent
- Source: Peter Knolle
- Author: Peter Knolle
- Date: 17-Feb-2015
- Category: Lightning Component and Application Architecture
Deep Dive Into Using Interfaces and Inheritance to Extend Lightning Components
- Source: Salesforce Developers Blog
- Author: Peter Knolle
- Date: 18-Mar-2015
- Category: Lightning Component and Application Architecture
Review of Lightning Component Architecture
- Source: Paul Battisson
- Author: Paul Battisson
- Date: 18-Sep-2016
- Category: Lightning Component and Application Architecture
Primer on the Architecture of Lightning Components
- Source: Jitendra Zaa
- Author: Jitendra Zaa
- Date: 19-May-15
- Category: Lightning Component and Application Architecture
Exploring the Patterns and Implications of Using Bound and Unbound Expressions in Lightning Components
- Source: Balkishan Kachawa
- Author: Balkishan Kachawa
- Date: 7-Jan-2016
- Category: Lightning Component and Application Architecture
Deep Dive Into Patterns and Observed Behaviors of Inheritance in Lightning Components
- Source: Bob Buzzard Blog
- Author: Keir Bowden
- Date: 10-Mar-16
- Category: Lightning Component and Application Architecture
Overview of HTML Tags Not Supported by aura:html in Lighting Components
- Source: SFDC Monkey
- Author: Piyush Soni
- Date: 7-Feb-17
- Category: Lightning Component and Application Architecture
Deep Dive Into Using aura:if to Dynamically Evaluate Multiple Nested Conditions in Lighting Components
- Source: SFDC Monkey
- Author: Piyush Soni
- Date: 3-Dec-16
- Category: Lightning Component and Application Architecture