Sobes.tech
Middle

Имате ли опит с CSS-in-JS или styled-components?

sobes.tech AI

Отговор от AI

Да, имам опит с CSS-in-JS и styled-components. Това са подходи, при които стиловете се пишат директно в JavaScript кода, което позволява създаването на компоненти с инкапсулирани стилове.

Например, с помощта на styled-components може да създадете бутон с уникални стилове:

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>Натисни ме</Button>;
}

Това е удобно за динамично изменение на стиловете, поддръжка на теми и предотвратяване на конфликти в CSS.