Middle

Avez-vous de l'expérience avec CSS-in-JS ou styled-components?

sobes.tech IA

Réponse de l'IA

Oui, j'ai de l'expérience avec CSS-in-JS et styled-components. Ce sont des approches où les styles sont écrits directement dans le code JavaScript, ce qui permet de créer des composants avec des styles encapsulés.

Par exemple, avec styled-components, on peut créer un bouton avec des styles uniques :

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>Appuyez-moi</Button>;
}

C'est pratique pour modifier dynamiquement les styles, supporter la thématisation et éviter les conflits CSS.

Précédent Suivant