petrro

1. action.shift || state.shift это для дефолтных значений. Или если action.shift не пришел, то оставляют старый который сейчас в state.shift чтобы не перезаписать на undefined.

2. Та же история. Если x["planeTypeID.code"] отсутствует то возвращается false. Если же значение есть то к нему начинают применяться методы .toLowerCase и тд. И в итоге возвращается строка.

3. Это какая то кастомная функция. Просто делает какие то преобразования скорее всего.

Сам только разбираюсь с Redux.
Насколько я понял:
1) connect связывает компонент с Redux,
2) при этом передаются, по сути, функции и свойства (state),
3) { type: "RUN_FILTER", ...args } - это action, и лучшая практика - выносить их в отдельный файл,
4) action отработает в reducer-e.

А что за приложение, кстати?)

Мы их только что, здесь создали? В методе connect?

да,
https://react-redux.js.org/api/connect

connect(mapStateToProps, mapDispatchToProps)(ReactComponent)

то есть в первом аргументе добавляешь в пропсы компонента стейт редукса, а во втором аргументе добавляешь к пропсам ссылки на редуксовые action'ы

export const ConnectedRoot = connect(
  state => state,   // стейт редукса целиком доступен в this.props.propReducer итд
  dispatch => ({
    onFilter: args => dispatch({ type: "RUN_FILTER", ...args }),
    // this.props.onFilter() будет вызывать "RUN_FILTER" в редусере
  })
)(Root);

Чтобы добавить все файлы вроде используется git add .
Ну и также используется git bush, а не терминал швиндовс

images.forEach((img, i) => {
  img.style.display = (i === index - 1) ? 'block' : 'none'
})

Эту строчку можно упростить
Заменив

slideIndex = (slideIndex + slides.length + n) % slides.length;

На
slideIndex = (slideIndex + n) % slides.length;

Про упрощение обманул, как заметил 0xD34F в своем ответе добавление slides.length нужно для приведения номера слайда к легитимному диапазону в случае если он отрицательный.

Сама строка просто перелистывает на n слайдов вперед. Делается это так:
К номеру текущего слайда добавляется число слайдов на которые надо перескочить вперед а затем, на случай если полученный новый номер текущего слайда больше числа слайдов находим остаток от деления полученного номера на общее число слайдов

В этой строчке

slideIndex = n % slides.length;
Просто выставляется новый номер текущего слайда а на случай если он больше числа слайдов находим остаток от его деления на общее число слайдов

Допустим, есть всего 10 слайдов.

• Производится попытка установить в качестве текущего слайд номер 14. Что делать? Очевидно, установить в качестве текущего четвёртый - остаток от деления изначально указанного номера на количество слайдов.
  
• Как установить минус второй (-2) слайд? - очевидно, это второй с конца, надо добавить количество слайдов, чтобы получить реальный номер.
  
• Зачем одновременно добавляется количество слайдов и берётся остаток? - чтобы один и тот же код корректно обрабатывал переходы из конца в начало и из начала в конец.
  

1) пишешь npm run build
2) Все файлы из папки build кидаешь в корень (хостинг)

Когда ваше приложение готово к развёртыванию в продакшене, запуск команды npm run build создаст оптимизированную сборку вашего приложения в папке build.

reactjs.org

Данные - вместо объекта сделайте массив, так будет проще работать.

Когда данные получили - сохраните их (ну типа переменная какая-то, чтобы они у вас всегда были под рукой).

Сделайте функцию, которая будет выводить список товаров - но не весь, а те, что ей будут переданы.

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

На блок с фильтрами вешаете функцию фильтрации в качестве обработчика событий, возникающих после взаимодействия пользователя с фильтрами.

Всё.

Дальше сами...
демо