Владимир Проскурин

Ну, в первую очередь, вы должны понимать сами, нужен ли вам jQuery, или нет. Я jQuery использую только для legacy сайтов (где уже есть jQuery), для WordPress (т.к. там он из коробки, то почему бы и нет), для прототипов и landing-page, для чего-то сложнее нужны фреймворки.
Никогда не учил jQuery, но работать с ним умею. Если знаете css query, работу с dom, и сам JS, то вам хватит чтения документации и просмотра пары примеров. Не так много времени на это нужно. Не думаю, что вначале стоит заострять на этом внимание, по мере работы освоите, поэтому лучше учите чистый JS, потом переходите к фреймворкам.

При вызове события @whell передается объект события WheelEvent, в нем есть свойство deltaY, оно как раз указывает, куда крутится мышь. Если число положительно, но колесико крутится вниз, если отрицательно - вверх.

Пример
там можете вместо назначений this.pos, поставить вызов своих методов wheelUp, wheelDown.
UPD: чтобы окно браузера не скролилось, можно добавить в определению события .prevent
<div id="app" @wheel.prevent="wheel"></div>

$('table tr:nth-child(n+4)').css('display', 'none');

что соответствует 4 и следующим элементам внутри каждого table. Ваш же код берет все tr на странице после второго.

Ну, теоретически, дочерний элемент с абсолютным позиционированием, не может влиять на размеры родительского блока. Вероятно, это баг рендеринга, возможно свойственный только вашему экрану (масштабу), или же системному шрифту.
Часто такие штуки наблюдаются для inline элементов, поэтому предлагаю для родителя поставить inline-block
Посмотрите https://jsfiddle.net/wLr9vtn1/2/

Вам нужно получить ваш объект, изменить поле и отослать обратно в setState

1) через клонирование объекта

let checkboxes= Object.assign({}, this.state.checkboxes); // Создаем копию, можно просто ссылку взять, но копию безопаснее
checkboxes[e.target.value] = false; // изменяем поле
this.setState({checkboxes}); // Сохраняем

2) через оператор spread

this.setState({
    checkboxes: {
          ...this.state.checkboxes,
          [e.target.value]: false // измененное поле объекта checkboxes
    }
})

$(this).index()
https://api.jquery.com/index/

Вы должны функцию вызвать и получить результат. Напишите до условия
var $b_name = get_name_browser();

В БЭМ не используют селекторы тегов и идентификаторов. Стили блоков и элементов описываются через селекторы классов.

https://ru.bem.info/methodology/css/#%D0%A1%D0%B5%...

Вероятно, у вас display: inline-block? Тогда ставьте для каждого блока
vertical-align: top

Добавляете атрибут draggable="false"
<img draggable="false" src="img.jpg">

Добавьте параметр
pauseOnHover: false
Но мне кажется, это не очень красивое решение, т.к. уже всем привычно, что если хочешь посмотреть на слайд, чтобы его остановить, достаточно навестись. А у вас будет бесконтрольное переключение.
Ну, возможно под вашу задачу это корректно.

Ну, допустим. После валидации

var sps = mail.split('@');
var domain = sps[sps.length - 1];
var domains = ['main.ru', 'yandex.ru', 'gmail.com'];

if (domains.includes(domain)) {
   // все ок
}

Но это некорректно. Вам придется составлять очень длинный список "популярных" почтовых доменов. У самого майла их штук 5 вроде. У меня вот почта на своем домене, и что мне теперь, закрывать вкладку с вашим сайтом?

$('button.dnedit').click(function() {
    var fio = $(this).closest('.addbtn').find('.fio').data('fio');
    alert(fio);
});

UPD: забыл точку в классе addbtn, поправил код.