Почему props сначала undefined?

делать запросы в componentwillmount(который ещё и deprecated) - не лучшая идея.
Пруф - https://habr.com/ru/post/358090/ ;

Что делает функция?

знакомый код, из тестового задания взяли ?

VS code отладка, почему this undefined?

синтаксические ошибки в коде
1. не Test, а test
2. лишний знак вопроса в конце

Почему кастомные кнопки слайдера ведут по-разному в разных браузерах?

Воспроизведите свою проблему в песочнице

Лаги с изображениями, что делать?

Кожный Мякиш, что у вас с кодом ?

1. Одинаковые id
   
2. Вместо height - hight
   
3. Атрибуты в img разделены запятыми
   
4. Изображения не загружены, сделайте ссылку через любой хостинг или placeholder
   
5. .offset({}) вы применяете на body
   

Что ваш код должен делать ?

Лаги с изображениями, что делать?

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

Несколько разных popup на одной странице. Как?

kapost, если путём незначительных правок, то так https://jsfiddle.net/gof9j70p/1/ , но лучше учитесь делать правильно, это не более, чем костыль. Не создавайте лишние дублирующиеся классы.

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

barabash2090, https://codepen.io/anon/pen/ErqqmW так ?

Как запретить выступ линка за пределы дива?

BDB, действительно, перепутал что-то

Хранение UI стейта и Redux?

Виталий Киренков, актуализировал

Что лучше использовать в данном случае(изображение или фигуру сгенерированную через clip-path: polygon)?

https://jsfiddle.net/sho4xnvy/ как вариант можно так подогнать, лучше попросить свг у дизайнера ( можно только синюю плашку ) и сверху ещё текст положить

Почему когда вставляешь ссылку в диалог вк, title не меняется?

Андрей Хомяк, возможно кэш уже на стороне вк, было подобное с opengraph разметкой в слаке, пофиксилось само через пару дней

Как заставить функции реагировать на клавиши (wasd и другие)?

https://learn.javascript.ru/keyboard-events

Какая библиотека используется на этом сайте?

Если вам нужен только показ изображения - можно vanilla.js использовать

Почему не правильно отображается шрифты на safari?

Покажите как вы их подключали, посоветую вот такой генератор для шрифтов https://www.fontsquirrel.com/ , возможно дело именно в этом

Почему не срабатывает else if?

Что должна делать ваша функция ? Условие else if (ИНАЧЕ если) будет проверяться только в случае, если не проходит первый if , иначе сразу будет переход к следующей итерации цикла

Почему slik slider дублирет фото на мобильной версии?

Alpha12, хорошо, отметьте как решение, для тех, у кого будет подобная проблема и небольшой совет: не castom.js , а custom.js и не используйте класс наподобие .carosel , лучше будет написать .card-thumbnails-carousel , чтобы следующему программисту не пришлось разбираться где же находится данная карусель или почему неправильно работает новая с таким же классом.

Почему slik slider дублирет фото на мобильной версии?

Alpha12, что именно не работает ? у меня теперь в mfp 3 изображения, слайдер работает как и прежде

spoiler

.

Почему slik slider дублирет фото на мобильной версии?

Alpha12, не удивительно, у вас 6 элементов в dom , вам нужно исключить склонированные для infinite: true элементы из делегирования mfp
:not(.slick-cloned)
полный код:

$('.it-img:not(.slick-cloned),.big-img').magnificPopup({
 delegate: 'a',
 type: 'image',
 tLoading: 'Загрузка изображения #%curr%...',
 gallery: {
     enabled: true,
     tCounter: '<span class="mfp-counter">%curr% of %total%</span>' ,
     navigateByImgClick: true,
     preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
 }
 });

Почему slik slider дублирет фото на мобильной версии?

Alpha12, у вас стоит infinite: true, наверное поэтому и дублируются элементы в слайдере, сделайте скриншот инспектора, вы только шаблон wp приложили