You can create much more powerful apps if you break your project into components.

Components are building blocks, like buttons, headers, cards, tables, or sections, etc. Each component can have multiple variations, or contain sub-components, so it gets powerful fast!

There are a few advantages to making components:

1. It allows you to get the details right. Once you make a component, it will work that way always. It won’t regenerate when you use it other places.
2. It shortens your main spec and separates concerns. This helps the AI be more accurate when making your app.
3. You can use them across all your projects. Build once, use many times.
4. With Create Pro, you can share components with your whole team.

https://youtu.be/fcrqfBGY72U?si=JRtsEw0QHHIYKxsx

Making components

You can make components:

1. From ‘Build Mode’, by tapping on an element you like and hitting “Convert to component”
2. From your spec, by highlighting a part of the spec and hitting “Convert to component”
3. From the builder, through the Add ons menu or by hitting / and then hitting “Create new component”