The component uses JavaScript on the client-side and Apex on the server-side. A basic lightning component contains the design of a page in Html with some lightning tags. The bundle contains all the required resources related to a component like javascript controller, javascript helper, renderer, CSS styles, etc. Once created a created lightning component is a bundle of code. Lightning Experience and Salesforce1 Application.You can use components in many different contexts. I will explain to you the individual components of a lightning component bundle, and show how to create one with an example. Components are the self-contained and reusable units of an app. This enables you to build apps with sophisticated UIs.

A component is a user interface developed using HTML, CSS, JavaScript, and other Web-enabled code. If you saved previously and didn’t activate the page, you can click the Activation button in the toolbar to be ready for the next section.In Salesforce using Lightning components, a developer can build applications and pages by assembling components created by other developers. Click Activate, and we’ll do just that.We’re bold! We’re done with our page and want to give it to our users right now! Normally, if you aren’t done with your page, or aren’t ready to make it public, you can click Not Yet here to save the page and return to the App Builder. Lightning pages must be activated before your users can see them. Saving the page isn’t enough to get it out to your users. But wait, what’s this? There’s more? Yes, there is. Add Today’s Events to the lower left region and add Key Deals to the lower right region.Drag Performance to the top-left region.Drag the Assistant component to the top-right region.The components pane contains all the standard components available for a Home page, plus any custom components you have installed in your org. Step through the wizard and name the page New Home Page, select the Standard Home Page template, and then click Finish.Īn empty Home page opens, ready for you to build it.Click New, select Home Page, then click Next.From Setup, enter App Builder in the Quick Find box, then click Lightning App Builder.We’ll tweak the position of the components on the standard Home page layout slightly to give you an idea of what’s possible.

Lightning app builder page in community