DEV Community

Discussion on: Senior front end dev here, ask me anything!

Collapse
 
madza profile image
Madza • Edited

Your thoughts on Atomic CSS approach? Do you believe in it's future potential and the chances of it to become the main way we write styles?

Collapse
 
kendalmintcode profile image
Rob Kendal {{☕}}

Weirdly (and not least of all because it's a shameless plug :D ), we talked about this on Episode 7 of my podcast about Tailwind and the general shift towards this atomic/functional/utility-driven styling.

I really like it. I didn't to begin with. I think it takes a bit of a mind-shift to adopt it and it's not the most friendly of things to pick up. Especially when you've come from the cushty world of UI frameworks with their 'button button-primary' style approach.

However, I think the atomic approach is very appealing and I'm starting to adopt it in newer projects. I think it fits very well with our modern, modular development habits.

But sometimes, it's useful to have a blend. Tailwind, for example, is quite low-level by nature, but allows for common patterns to be grouped, where necessary, into something higher-level and more akin to a familiar design system or styling framework.

But the short answer is yes, I feel that it will start to replace a lot of common approaches which often become difficult to mange and bloated.

Collapse
 
madza profile image
Madza

Exactly what I was thinking! Thanks for approving from experienced dev!