freesewing/markdown/dev/tutorials/pattern-design/your-first-part/en.md

title	order
Your first part	120

Much like garments themselves, patterns are made up of parts.

Most patterns will have multiple parts. A sleeve, a back part, the collar, and so on. Our pattern is very simple, and only has one part: the bib.

The pattern that's been created for us also just has one part to get you started. It's called box and it draws a box. If you click on the Draft your pattern button in your browser, you'll get to see it:

Since we only need one part, we'll rename this box part, and call it bib.

Rename the box part to bib

First, update the configuration file in config/index.js. Update the parts array with bib, rather than box:

parts: ["bib"],

Don't worry about the big red error

This will (temporarily) cause en error to appear in your development environment, because the rest of the code is still expecting to find a part named box, but we will fix this in the next steps.

When that's done, rename the src/box.js file into src/bib.js.

Then, in the src/index.js file, change the import accordingly:

// Change this line
//import draftBox from "./box"

// Into this
import draftBib from "./bib"

Finally, still in the src/index.js file, update the draftmethod:

// Change this line
//Pattern.prototype.draftBox = draftBox

// Into this
Pattern.prototype.draftBib = draftBib

Always use draftPartname

FreeSewing will expect for each part to find a method named DraftPartname.

If you have a part named sleeve you should have a method called draftSleeve() that drafts that part.

In our case, we have a part named bib so we're using draftBib() as the method that drafts it.

Congratulations, your pattern now has a bib part, rather than a box part. It still looks the same though:

This bib part is where we'll do some real work. But first, we have some more configuration to do.