1233211

На примере сервиса оплаты.

У тебя есть интернет магазин, в котором продаются плющевые медведи.
Пользователь добавил пару медведей в корзину, и магазин показывает ему кнопку "оплатить" от платежной системы.
Для этого сервер делает запрос у внешнему API типа "у нас тут намечается сделка на 149.99, сгенерируйте нам кнопочку "оплатить через mastercard"".
Кнопочка отображается в браузере у клиента. Он на нее нажимает, и переходит на страничку платежной системы (или в попап). До этого все обходилось без коллбеков - ты запросил код кнопки, они его отдали тебе, пользователь увидел кнопочку, нажал и... он же ушел с твоего сайта, и ты не знаешь что он там на сайт платежной системы делает.
А после факта оплаты твоему сайту неплохо бы получить подтверждение, о том, что пользователь действительно оплатил. Или у него денег не хватило, или интернет отрубился, или заснул в процессе покупки, whatever...
Вот для таких случаев ты и указываешь callbackUrl. Адрес на твоем сайте, куда платежная система (или какой-то другой внешний API) можеет прислать своё уведомление. Что оплата прошла успешно, или что все пропало, отменяем.

const result = Object.values(data.reduce(
  (acc, val) => {
    acc[val.id] = Object.assign(acc[val.id] ?? {}, val);
    return acc;
  },
  {}
));

чет типо этого и куча других вариантов, которые тебе прийдут в голову.

const res = [...a, ...b, ...c] // склеили
const logicalFunction = (acc, item)=>{
    if(acc[item.id]){
        // попытка мержа , merge напиши сам 
         acc[item.id] = merge(acc[item.id], item);
    } else {
        acc[item.id] = item;
    }
    return acc;
}
const obj = res.reduce(logicalFunction, {});
const final = Object.values(obj).sort((a,b)=b.id-a.id)

const merge = (key, ...arrs) =>
  Object.values(arrs.flat().reduce((acc, n) => (
    Object.assign(acc[n[key]] ??= {}, n),
    acc
  ), {}));


const result = merge('id', arr1, arr2, arr3);

используйте экспоненциальную запись числа

Для любителей CSSBDSM

Cтили

.icon {
	transition: .3s;
	&.active {
		transform: rotate(360deg);
	}
}

Скрипт:
В обработчике клика добавляете класс active иконке

Наверное так можно


P.s. на codepeen с телефона сложно писать поэтому сильно не заморачивался

function Switch({ options, value, onChange }) {
  const highlight = useRef();

  useEffect(() => {
    const activeButton = highlight.current.closest('.c-switch').querySelector('.is-active');
    highlight.current.style.width = `${activeButton?.offsetWidth ?? 0}px`;
    highlight.current.style.transform = `translateX(${activeButton?.offsetLeft ?? 0}px)`;
  }, [ value ]);

  return (
    <div className="c-switch">
      <div className="c-switch__highlight" ref={highlight}></div>
      {options.map(n => (
        <button
          key={n.value}
          className={n.value === value ? 'is-active' : ''}
          onClick={() => onChange(n.value)}
        >{n.text}</button>
      ))}
    </div>
  );
}

https://jsfiddle.net/4hbkm9e8/

Только разбить и засунуть в span (или другой тег, например есть тег small).

let [ int, frac ] = number.toFixed(2).split('.'); // 10 -> '10', '00'; 12.345 → '12', '35'

Интересно, а что имеет сказать документация по поводу функции обновления состояния? Да вот что:

React гарантирует, что идентичность функции setState стабильна и не изменяется при повторных рендерах.

Ничего оборачивать не надо.

При запуске докера поднимется контейнер в котором запустится своя, отдельная, никак не связанная с вашей операционная система(скорее всего linux) установятся программы и переменные окружения которые прописали при создании докер файла, установятся зависимости вашего проекта и запустится сам проект.
Таким образом, не важно кто и где запускает проект через докер, у всех будут одинаковые операционные системы и прочее окружение.

Если запускать через "yarn start", то у вас запустится локальная версия проекта, работающая с вашим окружением и если ее запустит кто то на другой машине, то что то может пойти не так как предусматривается проектом. Допустим нет каких либо библиотек которые у вас стоят глобально а у другого человека нет, что вызовет некорректную работу проекта или вообще не позволит ему запустится.

Докер запустит в контейнере, а yarn без него (хотя не факт - записит от того, что там в package.json написано)

Докер полезен, когда окружение у разработчика отличается от окружения на проде

Приставка милли- в метрической системе мер означает тысячную часть чего-либо.
Значит вам нужно разделить значение на тысячу.
Также вы должны знать что в одной минуте шестьдесят секунд.
Значит для получения количества минут, вам нужно количество секунд разделить на шестьдесят нацело. А потом получить остаток от деления, чтобы получить секунды, составляющие неполную минуту и вывести все это куда-либо. Например в консоль.

const ms = 183000;
const s = ms / 1000;
const minutes = Math.floor(s / 60); // Оставляем только целую часть
const seconds = s % 60;
console.log(minutes + ':' + seconds); // "3:3"

Как добавить незначащий ноль к числу, предлагаю загуглить самому.

В какой самый маленький vat? И может цена тоже для какой-то страны ниже?

Цена вроде везде единая.

1. Создаешь index.js в public/locales

2. В index.js импортируешь нужные локали

import en from 'path/to/en';
import ru from 'path/to/ru';

3. Экспроктируешь в виде объекта

export {
    en,
    ru,
}

4. Готово

Можно сделать объект, у которого будет определено преобразование в примитив, изменяющее состояние объекта, от которого его примитивное представление зависит:

const obj = {
  val: 1,
  valueOf() {
    return this.val ^= 1;
  },
};

// или

const obj = {
  val: '1',
  toString() {
    return this.val = '1'.slice(this.val.length);
  },
};

// или

const obj = {
  val: true,
  [Symbol.toPrimitive]() {
    return this.val = !this.val;
  },
};

console.log(obj == false, obj == true); // true true
console.log(...Array.from({ length: 5 }, () => +obj)); // 0 1 0 1 0

Вью ищет контейнер с id к нему и цепляется. Вам нужно добавить ява скрипт и стилевой файл. Дальше все сработает. Насчёт нужности это вам отвечать, но обычно не рекомендуют мешать технологии

str.split('/').reverse().join('/')