React новичку. Как начать?

Gohapoc, Можете. Вам доступно всё время Вашей жизни.
Если у Вас нет цели выйти завтра на работу реакт разработчиком, занимайтесь в любом порядке чем хотите и сколько хотите.

А так, по тексту, Вы хотите всё и сразу и чтобы было легко. И зарплату небось, хотя бы тысяч 80, да?

React новичку. Как начать?

Gohapoc, Адаптация и реакт не связаны от слова совсем. Сверстайте для десктопа и учите реакт.
Вопрос разве в этом?
Вопрос в том, что нужны ли Вы будете с такими капризами какому-либо работадателю?

Почему object-fit работает только если картинка обёрнута в flex?

Сергей Константинов, это конечно интересно, но флекс и на всю строку не растягивается, как block, верно?

React новичку. Как начать?

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

Пока не исправите в себе это:

Связано с тем, что форму или элемент адаптировать легко, а целый сайт - нет.

То дальше не продвинетесь. Разработка это всегда сложно. Если не хотите стоять на месте. Это непрерывное обучение всю карьеру. И чем дальше - тем сложнее.

Не умеете верстать - ничего не сделаете на реакте.

Может быть Вам повезет и наткнётесь на компанию, где есть отдельно верстальщик и отдельно фронтэндер. Но вероятность мала.
Вывод?

Либо перешагните через себя, либо бросайте.

Почему object-fit работает только если картинка обёрнута в flex?

чтобы работало это свойство, нужно чтобы у блока были заданы размеры.

Какие методы отправки http запросов сейчас наиболее современные, актуальные?

Михаил, А притом что автор уже переименовал вопрос :-)

Какие методы отправки http запросов сейчас наиболее современные, актуальные?

justifycontent, ajax это не метод. Это технология.
В JavaScript реализуется по средствам XMLHttpRequest.
fetch - современная промисифицированная обёртка над XMLHttpRequest.
Метод ajax в jQuery такая же обёртка над XMLHttpRequest.

Какие методы отправки http запросов сейчас наиболее современные, актуальные?

justifycontent, Михаил, Простите, а причём тут ajax? Если это технология, а не метод?
Методы: GET, POST, (PUT, DELETE) - каждому своё время и место.

Как добавить/удалить класс при прокрутке страницы в JavaScript?

но когда пытаюсь сделать это в коде, ничего не работает,
новый класс не добавляется. При этом когда делаю это в онлайн компиляторах всё работает.

Вы имеете в виду в песочнице работает, а в коде проекта нет?

Какие методы отправки http запросов сейчас наиболее современные, актуальные?

http запросы сейчас наиболее современные и актуальные.

Что значит какие?

Как получить и отправить переменную?

на другую страницу

На какую другую страницу?

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

Алексей, А если Вы ищите готовый скрипт который можно вставить себе, то так и стоит задавать вопрос.

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

Алексей, так Вы же видите где заканчивается гугл календарь, а где секция с выбором и кнопкой? Это уже дописали, видимо.

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

Нуу указано же снизу что это виджет гугл календаря, не?
Написано на html css и js :-)

Как сделать так чтобы текст не съезжал?

Денис Соколов, появление элементов влияет на размер родительского контейнера, так как они находятся в нормальном потоке.
Для исключения из потока используется position: absolute или fixed.

Почему не работает Magnific-Popup?

Snowfall_Zh, бывает ;-)

Почему не работает Magnific-Popup?

Snowfall_Zh, а src Вы указываете для inline?

В случае разметки:
data-mfp-src="#test-popup"
или в соответствующем свойстве, в случае JS

$('button').magnificPopup({
  items: {
      src: '#popup',
      type: 'inline'
  }
});

Почему не работает Magnific-Popup?

Snowfall_Zh, Проверьте что вот тут $('.popup') не пусто. Что такие элементы точно находятся.

Почему не работает Magnific-Popup?

Snowfall_Zh, А инициализация?
Что-то вроде такого:

$(document).ready(function() {
  $('.image-link').magnificPopup({type:'image'});
});

Почему несмотря на устаревание HTML, CSS и JavaScript не делается шагов в сторону альтернатив, отвечающим спросу рынка веб-разработки?

Подскажите, а как устаревает HTML и CSS?
CSS, как и JS, сейчас развиваются быстрее, чем когда-либо.
Браузеры постоянно добавляют новые API, в том числе и для доступа к различным функциям устройств и информации о них.
Книга от 2012 года.

React и Vue - это в чистом виде хак JavaScript-а с целью хоть как-то повысить производительность.

Полностью не верно. Фрэймворки не для увеличения производительности, а для улучшения опыта разработки, переиспользования кода. И это никакой не хак. С чего вдруг библиотеки стали хаком?
Ну и какие Вы видите альтернативы для указанных технологий? Что должно заменить html css js?