The following screenshots highlight the various points at which the components have now been integrated with Lightning Experience. These components are still available to the Race Overview standalone app we started this chapter with, though additional interfaces and events now support more advanced containers through Lightning App Builder.
This screenshot shows the Race Results and Race Standing components on the Home page, with the Race Calendar component accessible via the Utility Bar. The race results are updated as the user selects races from the Race Calendar:
This screenshot shows the Race Setup component appearing as a result of the user clicking the Add Drivers Action on the Race record page. Lightning Component Actions are configured under Actions from the Race object definition page under Setup:
This final screenshot shows the Race Results component again, but this time on the Race record page. The Lightning App builder was used to add a new tab Race Results and the Race Results tab was dragged and dropped on it. This illustrates that components can support multiple locations within Lightning Experience:
Lightning Pages (or FlexiPages) are essentially layouts created from a blank page with the Lightning App Builder tool. Thus you or your customers can drop the preceding components and any others on them to create a new page. Unlike Visualforce pages, they do not have a URL for accessing them. The only way to display a Lightning Page is to create a Lightning Tab for it. This can be accessed under Tabs under the Setup menu. Lightning Tabs work in Lightning Experience and Salesforce1 Mobile.