Components

Components

Learn how to build reusable components in aincraft.

Component Basics

Components are the building blocks of your application.

Creating Components

Create a new component:

export default function MyComponent() {
  return <div>Hello World</div>;
}

Props

Pass data to components using props:

function Greeting({ name }) {
  return <h1>Hello, {name}!</h1>;
}

Component Composition

Compose smaller components into larger ones.

Lifecycle Hooks

Manage component lifecycle with hooks:

• onMount - When component is mounted
• onUnmount - When component is unmounted
• onChange - When component state changes

Best Practices

• Keep components small and focused
• Use descriptive names
• Document component props