Frontend

CSS-in-JS

Also written as styled-components, Emotion

An approach to styling where CSS is written directly inside JavaScript/component files (e.g. with styled-components or Emotion), scoping styles automatically to that component.

Think of it like

Like keeping each room's paint formula taped inside that room's own door, instead of one shared paint chart for the whole house.

Junior or senior?

Junior sounds like

Has used styled-components without knowing why.

Senior sounds like

Can explain the runtime performance tradeoff of CSS-in-JS compared to Tailwind or plain CSS.

Ask them

“What are the performance tradeoffs of CSS-in-JS you've run into, compared to a utility-class approach?”