Middle

CSS-in-JS yoki styled-components bilan tajribangiz bormi?

sobes.tech AI

AIdan javob

Ha, men CSS-in-JS va styled-components bilan ishlash tajribasiga egaman. Bu yondashuvlar, uslublar to'g'ridan-to'g'ri JavaScript kodida yozilgan bo'lib, komponentlarni inkapsulyatsiyalashgan uslublar bilan yaratishga imkon beradi.

Masalan, styled-components yordamida noyob uslublarga ega tugma yaratish mumkin:

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>Menga bos</Button>;
}

Bu dinamik tarzlarni o'zgartirish, mavzularni qo'llab-quvvatlash va CSS konfliktlarini oldini olish uchun qulaydir.

Oldingi Keyingi