спасибо.

Поэтому тебе стоило разобраться, потому что в чате тебе некорректное решение дали

я вычисляю ширину картинки для srcset набора ширин экрана. а как вы думаете какое числоваое значение srcset задать? вроде-бы важнее всего мобилки, там CLS и LCP наиболее критичен, получается типо на мобилках и по 50px шаг можно сделать, на таблетах по 100px, а десктопы и по 300 можно? а вообще количество значений srcset для браузера сильно критично? не слышали что-то об этом случайно?

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

Не подскажете как правильно на Реакте в компоненте написать? Я раньше только на 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}
    />
  );
};

Кп кп, запрашиваю бан ☝️

Есть хак с padding top:
https://css-tricks.com/aspect-ratio-boxes/

Получается - вместо того, что бы каждый раз засчитывать JS-ом, можно прикручивать ширину и хак с padding top к стилям DOM элементов

не пойму что-то, ты о чем?

всем привет! Я не знаю как мне обработать запрос с авторизацией при ошибке (учебный проект). я засунула в try catch запрос, но я бы хотела не просто в catch вывести alert "вы не авторизованы"  (наверное это в целом не ок), а какое-то событие вывести

Мой стор
actions: {
 async sendAuth({ commit }, params) {
   try {
     const data = await this.$services.auth.sendAuth(params);
     commit("sendAuth", data);
   } catch (e) {
     consoleconsole.log(e);
     consoleconsole.log(e.response);

   }
 },
},    
Вызов в компоненте по клику на кнопке
methods: async sendAuthData() {
 const request = this.createRequestParams();
 await this.sendAuth(request);
 this.userEmail = "";
 this.userPassword = "";
},
}

При использовании await, try catch как раз верный способ обработки ошибок
При этом вы можете в блоке catch тоже комитить результат, но со своей ошибкой и уже на методе разбирать вернулись данные или ошибка и соответсвенно показывать или результат или алерт

Всем привет, может кто знает почему при использовании keyof typeof this становится undefined по мнению, видимо, еслинта

Все ку!
У меня есть 2 страницы. 1 страница со списком товаров и у каждого товара есть какие то экшены при клике на кнопки.
Большинство логики дублируется и на странице товара
Вопрос в том как не дублировать код если миксины юзать не очень хочется? vue2

vuex

выносить общие вещи в отдельное место

Кто нибудь может показать пример идеального резюме разработчика?

всем привет. На фронте SPA react приложение. На беке firebase. Нужно на фронте сделать некоторые страницы статическими, для SEO-оптимизации.
поделитесь опытом, как такие реализовывать?

Конечно!
90% конверсии)
https://www.reddit.com/r/recruitinghell/comments/qhg5jo/this_resume_got_me_an_interview/