Up to overview
Next: Define a namespace and create a closure

Background

If you haven't already, it might be helpful to read our Developer Introduction to Infusion Framework before starting this tutorial.

Set Up Directory Structure

For this tutorial we'll assume this component is being created for your own use, not as a contribution to Infusion. If you do want to contribute your component to Infusion, the directory set-up and requirements will be a little different and is explained in Contributing Code.

Let's suppose you're creating a component that will display a bar graph of some data. First, set up your file folders in the following structure.

Create:

Your directories should now appear like the following:

Screen shot of directories

Add Infusion

A lot of the functionality of our component will be driven by Infusion code, so we'll need to add these dependencies to our component.

Up to overview
Next: Define a namespace and create a closure