Дмитрий

Пространства для оптимизации здесь не сильно много, но например вот так

(function() {

  'use strict';

  const formItems = document.querySelectorAll('.form .form__item');
  const formRadios = formItems.forEach(item => item.querySelectorAll('.form__label'))

  const formProgressLine = document.querySelector('.form .form__progress .form__progress-line');
  const formProgressStart = 100 / formItems.length;
  const result = document.querySelector('.result');

  setTimeout(() => {
    formProgressLine.style.width = `${formProgressStart}%`;
  }, 0);

  formRadios.slice(0, 2).forEach((formRadio, formRadioIndex) => {
    formRadios.forEach(radio => {
      radio.addEventListener('click', () => {
        setTimeout(() => {
          formItems[formRadioIndex].classList.remove('form__item--active');
          formItems[formRadioIndex + 1].classList.add('form__item--active');
        }, 1000);
        formProgressLine.style.width = `${formProgressStart * (formRadioIndex + 2)}%`;
      });
    });
  })

  formRadios[2].forEach(radio => {
    radio.addEventListener('click', () => {
      setTimeout(() => {
        form.style.display = 'none'
        result.classList.add('result--active');
      }, 1000);
    });
  });
})();

HelloDarknessMyOldFried, Я бы предложил

Циклы бессмысленны.

Просто

const elem = horoscope[dateNow][znak]
const p = document.createElement('p');
p.innerHTML = elem
document.body.appendChild(p)

И все.

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

SELECT 
  product_id, 
  min_price, 
  max_price, 
  CASE WHEN ISNULL( t2.post_id) THEN 1 ELSE 82.23546 END as rate
FROM 
  wp_wc_product_meta_lookup as t1
LEFT JOIN wp_postmeta as t2 ON 
  t1.product_id = t2.post_id AND 
  t2.meta_key = 'convert_to_rub'  AND 
  t2.meta_value = 1

С помощью ref-ов
https://learn-reactjs.ru/core/refs-and-the-dom

Пример:

class MyComponent extends React.Component {
    constructor(props) {
      super(props);
      this.myRef = React.createRef();
    }
    render() {
      return <div className={"someClass"} ref={this.myRef} />;
    }
  }

this.myRef.current будет содержать ссылку на элемент с классом someClass

Функция не требует обязательного возвращения значения. Это опционально.

Что означает "преобразовано в промисы"? http.get() в вашем случае это и есть промис.
await - не просто синтаксический сахар, это конструкция языка, которая блокирует любой нижеследующий код внутри асинхронной функции до окончания выполнения промиса, переданного ей параметром.

Соответственно аналог вашего кода без использования await это

http.get().then(a => http.get().then(b => {
  // Здесь дальнейший код
}))

Пример

const p = (resolve, reject) => {
  setTimeout(() => resolve(new Date()), 2000)
}

const syncFn = () => {
  new Promise(p).then(console.log)
  new Promise(p).then(console.log)
}

const asyncFn = async () => {
  const a = await new Promise(p).then(console.log)
  const b = await new Promise(p).then(console.log)  
}

syncFn() 
// Tue Jul 14 2020 15:17:19
// Tue Jul 14 2020 15:17:19

asyncFn()
// Tue Jul 14 2020 15:17:49
// Tue Jul 14 2020 15:17:51

SPA - по определению приложение на фронтенде, оно не имеет прямой связи с бэкендом. Вопрос в том, где должны храниться данные для него. Вы можете хранить их на сервере, если ими пользуется множество пользователей и они изменяются со временем. Но если данные статичны или менять их может только сам пользователь на локальном компьютере, то нет никакой необходимости в бэкенде. Вы можете прописать данные в одном из файлов или использовать возможности хранения данных на стороне клиента - localStorage или indexedDB

Делаете вложенную таблицу, где подсчитываете минимумы с группировкой по первому полю и затем основную таблицу соединяете с ней

SELECT field1, field2, field3 FROM tableName as tMain
INNER JOIN (
  SELECT field1, MIN(field2) as field2 FROM tableName GROUP BY field1
) as minTotals ON tMain.field1 = minTotals.field1 AND tMain.field2 = minTotals.field2

Первое правило Redux - всегда спредить изменяемую величину, иначе редакс не знает, что вы ее поменяли. Используемый вами метод splice не меняет массив, да и map в данном случае бессмысленен. Верный код будет таким:

const index = state.tasksData.findIndex(({ ID }) => ID === payload.ID)
if (index > -1) return {
  ...state,
  tasksData: 
    state.tasksData.slice(0, index).concat(
      state.tasksData.slice(index + 1))
}

select ids.id, t1.deal_id, t2.track_id, t3.waybill_id from 
(select '9014' as id) as ids
  left join table_1 as t1 on ids.id = t1.item_id 
  left join table_2 as t2 on ids.id = t2.item_id 
  left join table_3 as t3 on ids.id = t3.item_id

Либо если без отбора, то

select ids.id, t1.deal_id, t2.track_id, t3.waybill_id from
(select t1.item_id as id from table_1 union  t2.item_id from table_2 union  t3.item_id from table_3) as ids
  left join table_1 as t1 on ids.id = t1.item_id 
  left join table_2 as t2 on ids.id = t2.item_id 
  left join table_3 as t3 on ids.id = t3.item_id