React хук для запросов отдает неправильные данные?

Непонятно почему ваш линтер не сработал, здесь вы объявляете константу response
const response = await fetch(url, {...})
Ранее это константа уже была объявлена из хука стейта
const [response, setResponse] = useState();
Не забудьте передать дефолтное значение в стейт

Почему плохо писать * box-sizing border-box?

Юра Комаров, насколько я знаю, нормалайз это не совсем про обнуление, это скорее приведение настроек многих бразуеров к единому значению, дефолтные свойства стилей, вот это все. Это скорее оставленная возможность решать пользователю какой ставить border-size и чему, например, чтоб те, кто верстал с другим border-size внезапно, подключив normalize не удивились тому, что им придется все пересчитывать

Почему плохо писать * box-sizing border-box?

Юра Комаров, свежая кровь, в общем без этого свойства ширина блока с внутренними отступами и обводкой вас может удивить, и чтоб физическая ширина была нужной, приходилось в уме считать сколько что занимает, спасибо вебу, что принес нам border-box!

Нужно ли все медиа-стили писать в одном файле?

Данил Флигинский,
> Я могу писать в каждом файле свои стили, а могу все объединить в один файл. Есть разница?

> это неудобно, так как нужно искать нужный фрагмент кода в большом коде

Вы же сами говорите, что можете в каждом файле писать, а в одном хранить неудобно, какой вам еще ответ нужен?

Нужно ли все медиа-стили писать в одном файле?

Данил Флигинский, я уверен есть адепты как одного способа, так и другого и все они будут топить за свои плюсы и поносить плюсы другого способа, к кому примкнете вы это должен быть ваш выбор)

Нужно ли все медиа-стили писать в одном файле?

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

Как задать мининимальную высоту?

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

Борода отросла, пишу код по вечерам ночам и немного днем, в трудовой написано, что работаю старшим разработчиком, это они наверное про возраст, но врядли такие нюансы фиксируются в трудовой. У вас все получится.

Как обнулить значение input для AJAX?

maiskiykot, ясно

Как задать мининимальную высоту?

zveronol, я просто написал как высоту в js одинаковую задать

Как обнулить значение input для AJAX?

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

Как задать мининимальную высоту?

zveronol, не нашел там javascript, попробуйте сохранить свой фидл или дать ссылку, где есть javascript

Как задать мининимальную высоту?

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

Как задать мининимальную высоту?

О каких, конкретно, блоках речь в коде на jsfiddle, что из этого должно быть в одинаковых, по высоте, контейнерах?

Как добавлять классы итемам в завимости от пройденных шагов?

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

Как добавлять классы итемам в завимости от пройденных шагов?

tkachenkoaanna097,
Вот тут вы сначала вешаете класс, а потом его же снимаете

if (i < currentId){
        $el.addClass('cost__elem--success')
      }
      $el.removeClass('cost__elem--success')

Как добавлять классы итемам в завимости от пройденных шагов?

Просто года 3 уже jquery не трогал, не сразу сообразил

Как добавлять классы итемам в завимости от пройденных шагов?

tkachenkoaanna097 С жиквери можно и не заморачиваться с функцией

Можно просто добавить эту строчку в функцию btnnext

$('.cost__elem').eq(currentIndex - 1).addClass('cost__elem--success');

Весь код выглядит так

function calculator() {

  var currentIndex = 0,
      items = $('.cost__track div'),
      itemAmt = items.length,
      btnprev = $('.cost__btn-prev'),
      btnnext = $('.cost__btn-next');


  function cycleItems() {
    var item = $('.cost__track div').eq(currentIndex);
    items.hide().removeClass('active');;
    item.css('display','inline-block').addClass('cost__item--active');
  }

  btnnext.click(function() {
    currentIndex += 1;
    if (currentIndex > itemAmt - 1) {
      currentIndex = itemAmt - 1;
    }
    
    $('.cost__elem').eq(currentIndex - 1).addClass('cost__elem--success');
    cycleItems();
    checkBtns();
  });

  btnprev.click(function() {
    currentIndex -= 1;
    if (currentIndex < 0) {
      currentIndex = 0;
    }
    cycleItems();
    checkBtns();
  });

  const checkBtns = () => {
    btnprev.prop('disabled', currentIndex === 0);
    btnnext.prop('disabled', currentIndex === itemAmt-1);
  }

  checkBtns();
}

calculator();

Как добавлять классы итемам в завимости от пройденных шагов?

tkachenkoaanna097, нужно передавать в функции текущий элемент

Я пригляделся и немного упростил, мне кажется я понял как вам нужно, и если это так, то вот рабочий вариант, без current, увидел currentIndex, его хватит

function calculator() {

  var currentIndex = 0,
      items = $('.cost__track div'),
      itemAmt = items.length,
      btnprev = $('.cost__btn-prev'),
      btnnext = $('.cost__btn-next');


  function cycleItems() {
    var item = $('.cost__track div').eq(currentIndex);
    items.hide().removeClass('active');;
    item.css('display','inline-block').addClass('cost__item--active');
  }

  btnnext.click(function() {
    currentIndex += 1;
    if (currentIndex > itemAmt - 1) {
      currentIndex = itemAmt - 1;
    }
    cycleItems();
    checkBtns();
    count(currentIndex);
  });

  btnprev.click(function() {
    currentIndex -= 1;
    if (currentIndex < 0) {
      currentIndex = 0;
    }
    cycleItems();
    checkBtns();
    count(currentIndex);
  });

  const checkBtns = () => {
    btnprev.prop('disabled', currentIndex === 0);
    btnnext.prop('disabled', currentIndex === itemAmt-1);
  }

  checkBtns();
  console.log(currentIndex);

  function count(currentId){
    const elems = Array.from(document.querySelectorAll('.cost__elem'));
    const randomItemId = document.querySelector('.cost__item--active').dataset.count;
    console.log(currentId);

    for (let i = 0; i < elems.length; i++) {
      if (i < currentId) { 
        elems[i].classList.add('cost__elem--success');
      } else {
        return;
      }
    }
  }
}

calculator();

Как добавлять классы итемам в завимости от пройденных шагов?

tkachenkoaanna097, сделайте не статичным, вопрос был в том как добавлять классы итемам в зависимости от пройденных шагов, я написал рабочий пример, который явно показывает как добавлять классы итемам в зависимости от пройденных шагов, в примере вашего кода я не понимаю как узнать какой из шагов пройден, я не знаю зависит ли карусель с текстом от пройденных шагов и должна ли зависить, если должна подставляйте в пример нужные переменные, согласно вашей задаче. Если это нужно делать по клику, вынесите пример в функцию и вызывайте ее при смене шага

Как добавлять классы итемам в завимости от пройденных шагов?

tkachenkoaanna097, работает, пообновляйте страницу, чтоб увидеть разницу (можно и Run запускать несколько раз, без перезагрузки страницы)