Я для клиента регал гугловый ак с подтверждением домена и тп.

Есть компонент Hint(подсказка). Бывает в состояние active=true и active=false. Типо как кнопка - реагирует на нажатие или нет.
А как это состояние (active) можно описать в доке? Нужно именно по-русски здесь описать.

Hint.propTypes = {
  /** Текст подсказки */
  hint: PropTypes.string,
  /** Обработчик клика */
  onClick: PropTypes.func,
  /** ???? */  ///////// <-- как описать?
  active: PropTypes.bool,
};

Состояние активности?)

спасибо. более-менее.

Не подскажете как в Storybook задать React children элемент аргументом в стори?
Компонет принимает либо просто строку, либо React children элемент

const VideoInfoHint = ({
  hint,          //// или строка или React children элемент
}) => {
  return (
    <Hint
    >
      {(typeof hint === "string") ?
        /* логика, если строка */ :
        hint}   // <-- React children элемент
    </Hint>
  );
};

в стори

const Template = args => <VideoInfoHintComponent {...args} />

export const Primary = Template.bind({});
Primary.args = {
  hint: "СТРОКУ ЗДЕСЬ МОГУ ЗАДАТЬ",
};

export const Secondary = Template.bind({});
Secondary.args = {
  hint: ????, <--- А КАК ЗДЕСЬ ЭЛЕМЕНТ CHILDREN задать?
};

Проект на Реакте, стили styled components. Есть тайтл такой

const Title = styled.h1.attrs(({ titleType }) => (titleType && { as: titleType }))`
  color: #5065c8;
  font-size: 19px;
  letter-spacing: 1px;
  line-height: 32px;
  // и тд
`;

и такое его использование в styled components

const TitleStyled = styled(TitleComponent).attrs(() => ({ as: "h2" }))`
    font-size: 19px;
    font-weight: 500;
    text-align: center;  
    line-height: 1.2;
    // и тд
`;

мне непонятен момент про { as: "h2" }. я понял, что этот TitleStyled становится тегом h2, но я думал это и на стиль повлияет, но стиль тот же остается. Так и должно быть? Зачем тогда в h2 тег переделывают стилизованную версию?

так а он в такой реализации в дереве отображаться как h2?

да

А кто может разбирается в лайтхаусе? на работе сказали проверит сайт по перформансу в лайтхаусе и если что критично, поискать причину и исправить. у меня perfomance показатель - мобилка 55, десктоп 70, проверил в браузере chromium - мобилка 26, десктоп 60. Не понял прикола. Попросил друзей проверить в своих браузерах. Десктоп примерно 70, а вот для мобилок сильно отличается 30-60. Непонятно почему такой разброс. Не подскажете в чем может быть причина, такого разброса показателя проверки performance для мобилок?

потому что вы на разных машинах тестите с разщными ресурсами

если приложение открыто наружу, то начни с этого https://developers.google.com/speed/pagespeed/insights/?hl=RU

тут +- стабильные ресурсы на которые ты можешь ориентироваться

помимо всего прочего, лайтхаус и его метрика - тупая пузикомерка, какой запрос то идет, зачем улучшать перформанс?

Всем привет, в тег a можно помещать div элементы? Валидатор вроде ошибок не выдает, раньше на сколько помню нельзя было

да, как то странно) там было ограничение на наличие поточного контента

почему ща это не проблема, я хз, надо смотреть спецуху

Спасибо

https://i.imgur.com/Ro9pCdh.png Всем привет. Кто-то уже обновлялся? Как оно?

Пока говорят не очень, пропали некие фишки с 10