Máte skúsenosti s CSS-in-JS alebo styled-components?

Áno, mám skúsenosti s CSS-in-JS a styled-components. Ide o prístupy, pri ktorých sa štýly píšu priamo do JavaScript kódu, čo umožňuje vytvárať komponenty s inkapsulovanými štýlmi.

Napríklad pomocou styled-components môžete vytvoriť tlačidlo s jedinečnými štýlmi:

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>Stlač ma</Button>;
}

Toto je užitočné pre dynamickú zmenu štýlov, podporu tém a prevenciu konfliktov CSS.