Create a component

Instead of having html directly inside our app, let’s put it in a component and embed this component inside the app.

Adding markups in components instead of .app makes it more portable. For example you can easily embed it in Salesforce1 Mobile App or in other apps.

1. Select File > New > Aura Component
2. Enter `helloworld.cmp` for the name
3. Click Submit
4. Add the following code
<aura:component>
	Hello World!
</aura:component>
5. Save

Embed Component In App

Open helloworld.app and embed your component in it. Make sure to change the namespace “jam” to your namespace

<aura:application>
    <jam:helloWorld />
</aura:application>

Test The App

Click on the convenient “Preview” button on the side bar to open up the app.