поясни

как часто ты планируешь так по массиву бегать?

локализации вообще лучше мапой хранить а не массивом, чтобы за О(1) доступ получать

Этот скрипт это будет либа, которая при инициализации одного приложения, будет сравнивать данные в нём с другим приложением

Один раз, когда ты поднимаешь приложение, этот скрипт запустится

Сср изкоробки

Макета (CLS), если причина этому картинки? Коллеги на работе считают, что виноваты картинки, при этом у них нет никаких доказательств. Просто считают так и все. Можете ли вы провести тест, если я вам ссылку на наш сайт дам? Я не эксперт, я могу теоретически ошибаться, но я думаю они не правы. Я не видел никаких доказательств их мнения. Они "копают" думаю не там. Я просто прошу помочь компетентно их переубедить.

Дай картинках фиксед величины дефолтные, width, height

даны.

QA что-нибудь говорят?

В html width и height заданы?

ага

там ещё есть автоскрол немного. как загрузилось, подкручивается немного до контента. а такое тоже влияет?

UI/UX
Отключил уведомления в приложении гугл плей.
Сначала спамили уведлемлониями о том, что включите уведомления что бы видеть уведомления.
Теперь просто забили, шлют какие то свои уведомления.

Какой автоскролл? У тебя есть в лайтхаусе инструменты чтобы трекнуть CLS

Зайди и посмотри там

Не подскажете как правильно на Реакте в компоненте написать? Я раньше только на JavaScript писал. В зависимости
от размера экрана рассчитывается adaptiveWidth и adaptiveHeight. adaptiveWidth - это рассчитанная ширина изображения, которое
запрашивается в итоге у сервера. ratio - это переменная, чтобы пропорцию картинки соблюсти (высота-ширина). В зависимости от ширины экрана пользователя, разная ширина будет рассчитана и передана Api параметром. У меня, наверное, по перформансу здесь беда - при каждом рендере расчет будет происходить наверное. Как правильно написать?

const deviceSizes = [300, 400, 500, 600, 700, 800, 900, 1150]; // это на самом деле импортируется из файла с константами. Одно из этих значений будет выбрано,
это srcset короче если.

const NextImage = ({
  src,
  width,
  height,
  alt,
  layout,
  objectFit,
  ...rest
}) => {

  const {
    width: screen,
  } = useAdaptive();

  const ratio = width / height;
  const adaptiveWidth = (deviceSizes.reduce((prev, curr) => (Math.abs(curr - screen) < Math.abs(prev - screen) ? curr : prev)));
  const adaptiveHeight = adaptiveWidth / ratio;

  return (
    <Image
      loader={({ src: imageSrc, width: imageWidth }) => fetchApi(imageSrc, imageWidth)}
      src={src}
      alt={alt}
      width={adaptiveWidth}
      height={adaptiveHeight}
      layout={layout}
      {...rest}
    />
  );
};