Как сделать динамический импорт React?

NarkoMan01, Так и так же динамически, Вы потом просто будете по условию отображать определенный компонент. React.lazy просто обёртка.

Проблема с fetch, что нужно сделать?

Максим Ленский, Точно?

Проблема с fetch, что нужно сделать?

lpite, не обязательно, index и так выполнится.

Проблема с fetch, что нужно сделать?

Максим Ленский, Исправил, скобку проморгал.

Проблема с fetch, что нужно сделать?

Максим Ленский, так Вы уберите data.json с ссылки запроса. Попробуйте код, который привел в ответе.

Что я делаю не так, в изучении JavaScript?

Начните с самого простого, столкнетесь не с готовыми материалами, а с некоторой задачкой.

Как использовать переменною scss в js?

Чтобы Вы понимали, когда сайт уже отображается SCSS больше не существует - он скомпилирован в обычный CSS. SCSS - препроцессор.
Ну и конечно, высчитывать константу Пи в JS? Вы серьезно?

Как сделать динамический импорт React?

NarkoMan01,

const steps = [
    {
        name: 'Шаг 1',
        component: React.lazy(() => import('./steps/step1.jsx'))
    },
    {
        name: 'Шаг 2',
        component: React.lazy(() => import('./steps/step2.jsx'))
    }
];

Как убрать иконки без !important?

offsiderst, Да, лучше как-то хранить либо в CSS классами, либо саму иконку в вёрстке

Почему redux store забивается дублями?

JordanBelford, Вот и ответ, почему старые записи есть. Вы либо очищайте как-то массив, либо добавляйте целую кучу за раз, и не добавлением в массив, а перезаписью.

Почему redux store забивается дублями?

Что есть addPost?

Есть сайты с задачками по JS? Похожие на некоторые популярные англоязычно язычные ресурсы только на русском?

Uneasy Hearts Weigh the Most, Нужно выходить на более новый уровень *.com, или еще лучше *.*

Как красиво сделать преобразование массива объектов в массив?

WbICHA, во блин, забыл совсем про это. Включу в ответ?

Как сделать такую секцию имея SVG на всех разрешениях?

mask-size: 100% auto

Как сохранить данные в переменную в ajax запросе с циклом?

delongeroman, Ну, я просто не понимаю что именно Вы хотите сделать. Ну и надо будет не забыть, что сразу после цикла массив скорее всего будет пуст (запросы то какое-то время выполняются).

Как прописать у таймера сокращение времени при нажатий кнопки в js?

Ниндзя-код, ну либо Вы себя не любите, либо наизусть помните каждое сокращение, даже спустя месяц.

Почему навигация ломается после повторного focus?

Jesse Pinkman,

$(document).on('keydown', '.search-auto', function (e) {});

Jest вывод в консоль теряет цвет?

magary4, На счёт этого - не знаю, если output - это вывод в консоль, то найти в нём JSON уже не так просто.

Как сортировать массив объектов по вложенным данным?

Вариант 1
Вариант 2

Как сравнить два объекта и вернуть расхождения в новый объект typescript?

Малик,

Так надо?

const products = [
  {
    name: 'Apple',
    picture: 'https://www.google.com/',
    description: 'text',
    quantity: 123,
    price: 123,
    sale: '50%',
    afterSale: '400'
  },
  {
    name: 'Jeans',
    picture: 'https://www.google.com/',
    description: 'text1',
    quantity: 123,
    price: 123,
    sale: '25%',
    afterSale: 4000
  }
];

const isSimilar = (target, entry) => {
  if (Array.isArray(target) && Array.isArray(entry)) {
    if (target.length === 0 && entry.length === 0) {
      return true;
    }

    return entry.length > 0 && entry.every(value => {
      if (typeof value === 'object') {
        return target.some(other => isSimilar(other, value));
      }

      return target.includes(value);
    });
  }
  
  if (typeof target === 'object' && typeof entry === 'object') {
    const targetKeys = Object.keys(target);
    const entryKeys = Object.keys(entry);
    if (targetKeys.length === 0 && entryKeys.length === 0) {
      return true;
    }

    return entryKeys.length > 0 && entryKeys.every(key => {
      if (typeof entry[key] === 'object') {
        return isSimilar(target[key], entry[key]);
      }

      return target[key] === entry[key];
    });
  }
  
  return target === entry;
};

const findBy = (collection, data) => collection.reduce((store, entry) => {
  if (isSimilar(entry, data)) {
    store.equals.push(entry);
  } else {
    store.other.push(entry);
  }
  
  return store;
}, { equals: [], other: [] });

console.log(findBy(products, {
  "name": "Jeans",
  "picture": "https://www.google.com",
  "description": "text",
  "quantity": 123,
  "price": 123,
  "sale": 123,
  "afterSale": 4000,
}));
/*
{
  equals: [],
  other: [
    {
      name: 'Apple',
      picture: 'https://www.google.com/',
      description: 'text',
      quantity: 123,
      price: 123,
      sale: '50%',
      afterSale: '400'
    },
    {
      name: 'Jeans',
      picture: 'https://www.google.com/',
      description: 'text1',
      quantity: 123,
      price: 123,
      sale: '25%',
      afterSale: 4000
    }
  ]
}
*/

console.log(findBy(products, {
  "name": "Jeans",
  "picture": "https://www.google.com/",
  "description": "text1",
  "quantity": 123,
  "price": 123,
  "afterSale": 4000,
}));
/*
{
  equals: [
    {
      name: 'Jeans',
      picture: 'https://www.google.com/',
      description: 'text1',
      quantity: 123,
      price: 123,
      sale: '25%',
      afterSale: 4000
    }
  ],
  other: [
    {
      name: 'Apple',
      picture: 'https://www.google.com/',
      description: 'text',
      quantity: 123,
      price: 123,
      sale: '50%',
      afterSale: '400'
    }
  ]
}
*/