DEV Community

refirst11
refirst11

Posted on

Plumeria CSS paradigm

Type-Only Approach

Static types are extracted as CSS and class names through AST analysis.
Calls are replaced, so no references remain.

Zero Runtime Bundle

CSS-in-JS is written using only types, so there is no runtime or bundling. This means there is no pre-defined box from the start.

Why This Matters

Everything is extracted at build time, completely eliminating runtime dependencies and concerns about initial bundling.

Developer Experience

The experience of defining arguments for type-defined functions feels the same as writing type definitions as a schema.

Since there is no JS code to be parsed, editor startup is fast and lightweight.

Predictable

The style on the right side of the props argument always wins.

Top comments (0)