Fluentic is my attempt to make React styling feel explicit, composable, and predictable again.

Years ago, I worked on web apps with Emotion, and I loved it.

It was flexible, productive, and convenient. But over time, some of the codebases I worked on became harder and harder to change. I do not blame Emotion for that. The problem was how I used the convenience it gave me.

I wrote class names that depended on DOM structure. I used nested selectors because they were quick. I reached into child elements from parent styles. It worked, until months later I had to change something and no longer felt confident about what else would break.

That feeling is what I remember most.