Bringing React Native Style Composition to React

Short summary

After years with Emotion and React Native, the author introduces Fluentic, a styling library that brings React Native's compositional model—styles as values, explicit variants, predictable overrides—to React web while keeping CSS's selector power. Core insight: styling confidence depends on clear ownership and composition, making styles feel like composable data rather than fragile class-name contracts.

• •Fluentic combines React Native's simple, compositional styling model with React web's CSS selector capabilities
• •Problem: CSS-in-JS convenience creates hidden coupling and fragile styling as projects scale
• •Solution: treat styles as composable values with explicit variants and predictable override order

Generated with AI, which can make mistakes.