Architecting an Application with MXML Components

One thing you want to avoid when creating a Flex application is one big long MXML file. Divide the API with separate blocks and managable pieces. All of the components will be initiated within the main mx:Application tag and the component wont have and mx:Application tag.

-File >> New >> MXML Component.
-Enter parent folder.
-File name (name of your component)
-Base on: (select the kind of component to be base on. example VBox, HBox, DataGrid, ect...)
-Click on Finish.

The component will be save in the components folder inside your project.

Enter component controls to be use in your component, and save the file.

Next, Instead of using the name space for all the default component within Flex.

You may want to add a custom name space in the application tag.(xmlns:comp="components.*")
xmlns = Name Space
comp = Sufix name. Any name you like
components.* = import all components in the component folder

Here is the whole process starting with the application file.

Here is the component.

This a very simple and powefull proccess to divide and build the application.