Vai jums ir pieredze ar CSS-in-JS vai styled-components?

Jā, man ir pieredze ar CSS-in-JS un styled-components. Tie ir pieejas, kur stilus raksta tieši JavaScript kodā, ļaujot izveidot komponentus ar inkapsulētiem stiliem.

Piemēram, ar styled-components var izveidot pogu ar unikāliem stiliem:

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>Spied mani</Button>;
}

Tas ir noderīgi, dinamiski mainot stilus, atbalstot tēmas un novēršot CSS konfliktus.