tamagui-best-practices

To optimize the Tamagui compiler for static extraction, follow compiler patterns that maximize build efficiency by configuring tamagui.config.ts correctly and using supported component structures to ensure efficient outputs.

Configuring design tokens in tamagui.config.ts involves applying established v4 patterns to define themes and tokens, ensuring scalable UI foundations and consistent cross-platform styling across your component implementations.

Building cross-platform styling patterns with Tamagui requires using compound components and styled contexts, applying documented design system guidelines to achieve consistent rendering across platforms.

Tamagui config v4 supports compound components and overlay patterns through documented structural guidelines, providing reference implementations for dialogs, forms, and animations to build scalable interfaces.

You should use styled context in Tamagui for theming when implementing compound components and cross-platform styling, as it helps consolidate design tokens and ensures consistent theme propagation.

Tamagui compiler optimization may fail to extract styles statically if component patterns deviate from documented configuration guidelines, preventing efficient builds and requiring adjustments to tamagui.config.ts.