Откуда берется горизонтальная прокрутка?

не вижу никакой прокрутки на странице

Как называется расширение файла для запуска html на компьютере без браузера?

без браузера, очевидно, не получится

Возможно ли тестирование сайта в автоматическом режиме?

Евгений, а вы его пробовали использовать? интересно на чём основаны ваши утверждения. у нас все приложения на React и мы всё отлично тестируем с помощью этого фрэймворка, а не дебаггера. С табами не умеет работать - это да. Но это редко когда нужно.

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

Ещё один вариант проверить наличие элемента в рендере:

expect(wrapper.find('input[name="cardNumber"]').exists()).toBeTruthy();

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

Я посмотрел песочницу. Похоже вы не понимаете как работает Enzyme shallow render. В своих тестах вы проверяете

expect(wrapper.find('input[name="cardNumber"]')).toBeTruthy();

Но эта проверка бессмысслена, потому что метод find всегда возвращает не ложное значение, а некий объект. Нужно проверять

expect(wrapper.find('input[name="cardNumber"]').length).toEqual(1);

И тогда вы увидите, что эта проверка будет выдавать ошибку, т.к. shallow рендер не рендерит input, он будет рендерить только тег Field.

Как грамотно объединить HTML скелет с JS классом в один интерактивный объект который можно динамически загружать/удалять?

может проще использовать WebComponents?
Я бы сделал единую фабрику виджетов, которая бы следила и за созданием и за удалением как скелетов, так и классов. Но вообще трудно сказать, из объяснения не совсем понятно, как это реализовано. Было бы хорошо взглянуть на образец кода. А вообще подумайте, кто у вас главный, склет или класс. Мне кажется логичнее было бы, чтобы класс сам заведовал созданием и удалением своего макета. А удаление реализовывать через удаление класса, а не макета.

Как создать Визуальное соединение 2ух блоков (анимация: линия движется от одного блока к другом)?

что из себя представляют блоки? canvas, svg или div? Если div, то наверное нужна какая-то сетка, по которой линия будет идти, если svg или canvas, то, наверное проще использовать какую-то готовую библиотеку для этого типа d3.js

Что правильнее: Передача всего объекта в функцию или передача отдельных значений?

Natalia Baženova, вот как раз именно поэтому я бы не стал передавать объект в качестве параметра. Неожиданные изменения спецификации - прямой путь к трудноотлавливаемым багам. Если функция внезапно решила использовать какое-то дополнительное поле объекта, а тот, кто этой функцией пользуется об этом не знает, может произойти много всего чудесатого. Именно поэтому явный набор параметров, типы которых явно объявлены, обычно предпочтительнее, чем объект, структура которого может неожиданно для обеих сторон измениться. Пользоваться объектом имеет смысл, если количество параметров вашей функции начинает сильно разрастаться, тогда да, имеет смысл выделить пару главных параметров, а останольно убрать в параметр options или что-то вроде того.

Redux-saga: как вызвать callback после исполнения множества Ajax запросов из разных саг?

Worddoc, Ну при первом подходе неважно где происходит обработка. Вы экшенами *_REQUEST запускаете действия, а потом ждёте *_SUCCESS или *_FAIL, сами действия могут происходить где угодно, все саги видят все действия по умолчанию. Хотя мне в последнее время всё меньше нравится такой подход из-за большой связанности саг между собой, которая в результате получается. Но это уже другая проблема.
Как вариант можно чтобы каждый запрос устанавливал свой флаг loaded в стейте, а компонент прелоадера
смотрел, когда все флаги в true встанут. Т.е. перенести проверку загрузки из саги в UI.

Redux-saga: как вызвать callback после исполнения множества Ajax запросов из разных саг?

Worddoc, да, эффект all это как промис Promise.all - ждёт завершения всех запущеных саг. После all можно поставить экшн, который будет убирать индикатор загрузки. Или я не правильно понял вопрос и нужно не всех ждать, а только некоторых?

Почему axios не подтягивает process.env.BASE_URL от Heroku?

Nikita Shchypylov, она подтягивается не после билда, а во время. В скомпилированной версии этой переменной нет - вместо неё должно быть значение. Именно поэтому при изменении переменных запускается пересборка.

Работы с сессиями в express.js?

UNy, ну тогда вам придётся каждый раз передавать куки, а не имя пользователя. Чтобы сессия сохранялась клиент и сервер так или иначе должны обмениваться какой-то информацией, поддерживать её актуальность.

Я бы рекомендовал вам посмотреть в сторону JWT. В этих токенах можно зашифровать всё пользовательские поля, которые вам нужны, хранить их можно в куках, если вам кроссдоменные запросы не актуальны, ну и срок годности можно настраивать.

Работы с сессиями в express.js?

Небольшое уточнение, вы не хотите на каждом представлении проверять сессию, действительно ли пользователь авторизован, а, "доверяя клиенту", хранить имя пользователя там и там же его переиспользовать, без привлечения бэкенда?
Тут вопрос в безопасности, если это лишь имя клиента и ни на что существенно не влияет - можно его при первом получении записать в sessionStorage и на остальных страницах брать оттуда.
Если же это какие-то данные, которые могут быть подменены и привести к нарушению безопасности, то лучше пользователю не доверять и проверять/передавать эти данные при каждом запросе.

Можно лишь на одном JavaScript написать фронтенд?

Yustas Alexu, вся проблема в том, что на данным момент HTML является де-факто единственным языком разметки для DOM в вебе, который без специальных плагинов понимают все браузеры. Поэтому если вы знаете DOM, вы автоматически знаете HTML. Что есть такого в HTML, чего не было бы в DOM? DOM представляет более богатый функционал, нежели HTML, именно поэтому и появились сначала jQuery, а потом и React и Angular, чтобы работать с ним.

document.getElementByID это часть DOM, которая предоставляет средства для доступа к свойству id какого-либо объекта в DOM

неверно. getElementById - это метод, который возвращает элемент DOM по заданному атрибуту Id.

Можно лишь на одном JavaScript написать фронтенд?

Yustas Alexu, Вы не напишете фронтенд ни на React ни на Angular не зная DOM. В обоих языках присутствует так или иначе шаблон с разметкой, теги, привязка значений через атрибуты этих тегов. Это и есть DOM. Без знания, какие есть теги, для чего они используются, какие у них есть встроенные атрибуты и что добавляет тот или иной фреймворк от себя, написать фронтенд не получится.
Другое дело CSS. Если прикрутить какой-нибудь Bootstrap и использовать встроенную тему оформления, то да, можно с CSS дела не иметь вообще.
Так что нет, без знания DOM, написать фронтенд не получится. Без CSS обойтись можно, если не нужно делать какой-то сложной разметки, которой нет в используемом стилевом фреймворке.

Как применить hover эффект к элементу cards в bootstrap 4?

Вадим Ягофаров, насколько я понимаю вы добавляете border селектору :hover и это вполне логичное и правильное решение. Непонятно к чему там transition:none? Пытались это анимировать и не получилось или что? Картинка в карточке имеет в имени файла сочетание букв adv и это, я подозреваю, и является причиной блокировки картинки adBlock. Он расценивает эту картинку как advertising - рекламу. Попробуйте переименовать файлы. Чтобы AdBlock блокировал картинки в каких-то бутстраповских элементах - такого я ещё не встречал. Вообще, чтобы AdBlock точно ничего не блокировал, используйте слово benefit. ;)

Как применить hover эффект к элементу cards в bootstrap 4?

я так понимаю, вопрос снимается?

Как добавить класс в меню?

Не могли бы вы поподробнее расписать, что кокретно нужно получить?

Какие инструменты для разработки мобильного приложения на базе веб-технологий сейчас есть?

Да, ну и стоит также отметить, что, в отличие от Bootstrap, Ionic помимо визуальных компонентов предлагает полный пакет функционала. Т.е. разворачивая новое приложение с помощью ionic-cli ты сразу получаешь полностью настроенный проект с подключённым Angular и Cordova. Приложение сразу можно компилировать и запускать на тестовом смартфоне.

Какие инструменты для разработки мобильного приложения на базе веб-технологий сейчас есть?

Dima Polos, я, честно говоря, внутрь особо не заглядывал. Насколько я понимаю, это бибилиотека компонентов, написанных на Angular. Основная фишка этой библиотеки, аналогично Bootstrap, внешний вид этих компонентов. Всё заточено, чтобы они выглядели максимально "нативно" для каждой из поддерживаемых платформ. В том числе и иконки меняются в зависимости от платформы.

Конечно, при помощи css всё можно поменять, но, если сильно этим увлекаться, потеряется смысл самой библиотеки. Логики у компонентов практически никакой нет, это же просто кнопки, модальные окна и т.п.