Егор Живагин

Для разворачивания проекта с монгой вам лучше подойдёт не хостинг, а vds. С выбором я не помогу, увы

Заходите по ssh на vds, ставите там монгу, ноду, гит, разворачиваете ваш проект. Если коротко. Это самый простой вариант

А можно встречный вопрос, вы запросы в монгу прям из Реакт-приложения кидаете? Без бэка?

<div className={`form-textbox-label ${this.state.fieldActive ? 'field-active' : ''}`}></div>

Переменная как-то зависит от итерации? Тогда внутри цикла.

Redux тут не при чём вообще

onClick={this.methodChange} -- Здесь мы не можем прокинуть кастомные аргументы в вызов метода

onClick={() => onmethodChange(arg)} -- здесь можем прокинуть любые аргументы

Почему мы здесь пишем аргументом обьект?

Исключительно потому что так удобнее) И юзаем деструктуризацию в самом методе onFilter, конечно. Работать это будет аналогично обычному пробрасыванию переменных, просто аргументы получаются ещё и именованными

redux -- это вообще не про компоненты, методы и их вызовы. Redux -- это actions, reducer и connect(mapStateToProps, mapDispatchToProps) в компоненте. А как вы эти экшены пишете и вызываете - это уже от вас исключительно зависит

const userRole = isAuthenticated().direct.role;

['Директор', 'Управляющий' , 'role name'].includes(userRole) ? ...code... : ...code... ;

Правда, проблемы у вас всё равно есть. Самая очевидная - этот код падает, если юзер не авторизован и isAuthenticated возвращает false, а вы пытаетесь у этого значения свойство direct получить.

Гугление доки за пару минут подсказало такой вариант: parcel build локально, а потом готовые файлы билда перебрасываете на хостинг. Готово.

А вообще, у вас нода не работает на хостинге. Пишите в поддержку

1) Object.keys() -- возвращает массив ключей объекта. [0] -- выбирает первый элемент этого массива
2) Это коллбэк, метод вызывается сразу после обновления стейта. Почитай документацию Реакта в разделе про setState и аргументы его вызова
3) Читай про деструктуризацию. Это деструктуризация аргумента, который приходит в функцию. В данном случае, стандартного объекта event. Аналогично:

onClick = event => {
const shift = event.target.dataset.shift;
...
}

4) См пункт 2
5) Потому что нужно не просто вызвать функцию по клику, а ещё и передавать ей аргумент i . Но вот конкретно такая реализация - плохая практика