Ai experiență cu CSS-in-JS sau styled-components?

Da, am experiență cu CSS-in-JS și styled-components. Sunt abordări în care stilurile sunt scrise direct în codul JavaScript, ceea ce permite crearea de componente cu stiluri încapsulate.

De exemplu, cu styled-components, se poate crea un buton cu stiluri unice:

import styled from 'styled-components';

const Button = styled.button`
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;

  &:hover {
    background-color: #45a049;
  }
`;

export default function App() {
  return <Button>Apasă-mă</Button>;
}

Acest lucru este util pentru modificarea stilurilor în mod dinamic, suportarea temelor și prevenirea conflictelor CSS.