React

React is the foundation for Tulip's UI packages.

Tulip components are React components. Application screens compose Tulip primitives, package components, and app-specific components in the same tree.

Where Tulip uses React

• @tulip-systems/ui exposes shared React components.
• @tulip-systems/app exposes shell, sidebar, header, and layout components.
• @tulip-systems/commands, data-tables, inline, drive, editor, and ai all expose client components.

What Tulip adds

Tulip adds package-level conventions around component composition, styling, permissions, query state, and server/client entry points.

It does not replace React state, props, context, or composition.

What your app owns

• route structure
• product-specific components
• domain data and mutations
• where client boundaries are needed
• final screen composition

Continue reading

• React docs
• UI
• App
• Next.js dependency