Middle

Have you had experience with CSS-in-JS or styled-components?

sobes.tech AI

Answer from AI

Yes, I have experience working with CSS-in-JS and styled-components. These are approaches where styles are written directly in JavaScript code, allowing the creation of components with encapsulated styles.

For example, with styled-components, you can create a button with unique styles:

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>Click me</Button>;
}

This is convenient for dynamic style changes, theme support, and preventing CSS conflicts.

Previous Next