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

1. У вас рассинхрон в вопросе и описании
2. Что значит крэшиться? Какая ошибка?
3. Картинки - должен быть соответствующий лоадер в вебпаке (если вы его юзаете)
4. Куда в коде конкретно смотреть? Что не так?

Ну почитайте вы его настройки то. Там есть паттерны, whitelist, указание конкретных файлов.

https://www.purgecss.com/configuration

Так вы циклом не там бежите

Поменяйте на
$('a', '.main_nav').each

А внутри
var link = $(this).attr('href');

Да, при таком подходе класс придётся вешать на А. Вам принципиально нужно чтобы было на Ли? Тогда потребуется небольшая переделка.

Это очень топорный вариант.
https://codepen.io/vitaliy_kirenkov/pen/YBzvar

Есть массив классов, у каждого элемента есть индекс. У вас должна быть переменная-счётчик, у которой максимальное значение - длина массива. Значение этого счётчика увеличивается при каждом событии.

Запрос "find object in array js" в гугле, даст море вариантов решения...

Используйте метод find и будет счастье.

Сделайте на флексе и будет вам счастье. Или на таблицах сверстайте, если флекс не осилите.

Но если прям очень хочется js, то - https://codepen.io/vitaliy_kirenkov/pen/VqqmWm

lmgtfy.com/?q=javascript+%D0%BF%D0%B5%D1%80%D0%B5%...

Я бы сделал несколько вещей.
1. Свёл методы onHandleEventFetch и onHandleEventByTypeFetch, потому что они идентичны. Будет проще дебажить
2. Посмотрел, что возвращает метод componentWillReceiveProps
3. Вывел консоль в рендер, есть подозрение, что он вызывается несколько раз. То есть вы установили значение, что произошло ещё и установилось новое значение, которое перетёрло полученное.

P.S. называть ключ event и при этом сохранять в него данные, как то нелогично. Лучше уж data, хотя бы.

Оно автоматически закроется.

перед :id пробовали / добавить?
пробовали юзать DefaultRoute?
пробовали добавить name?

$("a", ".element2");

jqueryvalidation.org
И не городите велосипеды.