In this recipe, we are going to take a look at conceptual understanding. First, let's understand how Lightning Components can be used in Visualforce pages.
- We need to have one Lightning Out app, which is a Lightning dependency app. We have created a Lightning Component, and now we are creating a Lightning application that extends
ltng:outApp
. This is a Lightning Out app. You need to define the dependencies,aura:dependency
, and the"c:myLightningComp"
custom component resource you need to use or refer to in the Visualforce page. - Provide one or two resources, whichever components you want to use, you can use; standard components such as
ui:button
,ui:input
, andui:output
, as well as the custom components. Here,c
stands for the custom components' default namespace. If your company is using any namespace, replacec
with your namespace. So, our dependency app is ready. - Then, going to the Visualforce page, after
apex:page
, which should be the...