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

ну тут не так тяжело перенести это на css.
Я просто у себя в проекте быстро наклацал и скинул)

Что не так с функцией?

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

Что не так с функцией?

Очень смешно, потратил три часа, написал вопрос. И после этого через 5 мин нашел ответ... всем спасибо, расходимся.)

Как определить отступ от top при помощи js?

А чтобы функция срабатывала сама при отступе, повесь обработчик. К примеру в реакт я могу сделать так:

componentDidMount() {
    window.addEventListener("scroll", this.yourFunc);
   }

Как добавлять класс к элементу в React?

Попробуй выводить массив компонентов через map, указав при этом для компонента (elem, key) => <линк key={key}>{elem}<линк/>; Должно работать и код чище будет

Как отрисовать элемент после загрузки всех элементов React?

спасибо, я уже решил эту проблему, по-своему. Но об этом почитаю, возможно перепишу)

Код валидации формы, как написать?

Вот эта форма на рабочем примере

Код валидации формы, как написать?

Там где text('The field is required.'); - это твой еррор месенж

Код валидации формы, как написать?

Darkness, добавь спан под своим инпутом с каким-либо классом или id. Потом впиши его айдишник в коде валидации. И там же редактируй текст.

Код валидации формы, как написать?

там где .class-email - впиши класс своего инпута.
там где #valid это айдти или класс какого-нибудь span к примеру, который будет выводить текст ошибки. собственно тут все просто)