Lightning Component Bundle
All these components together make up the lightning component bundle. Now , these components are wired up with each other so you don’t have to worry about referencing one of them in the other. So lets discuss each of them in brief.
Component (.cmp file)– This is where your markup resides. you can think of it as the component which makes up the design or basic structure of the component. If you are coming from .Net then think of this as the .aspx or .cshtml file where you put all your markup information.
These 3 are the main components which you are gonna use most of the times. now the remaining ones.
Style (.css file) – This is where you write down all your css for the component bundle. By default you don’t need to worry too much about UI or look and feel of the component because SLDS (Salesforce Lightning Design System) does most of the heavy lifting for you. I am gonna talk about it later.
Documentation – This is pretty self-explanatory. Any documentation you wanna write for your component can be written here.
Design – This is similar to an XML file where you can expose some of the attributes of the component so that an admin can supply values while dragging this component on a lightning page. Think of this as a way to give an admin some customisable options for the component. Like he/she can set a predefined value while including that component on the page.
SVG – This is where you keep your static image resources. You wanna use some static image you can store it here and reference in your markup. We will see how we can do that in later posts.
So I hope now you have a pretty decent idea of the basic structure of a lightning component bundle.
Next, I am gonna talk about the Apex Controller.