Антон Спирин

Потому что смешали два протокола в одной ссылке.

HTTPS:

https://olivoin@bitbucket.org/olivoin/moi-shampun-bar.git

SSH:
git@bitbucket.org:olivoin/moi-shampun-bar.git

Если используете redux, можно использовать один из вариантов:
1. В mapStateToProps
2. При получении в саге, если используете redux-saga или async-action если используете redux-thunk
3. В редьюсере
Если redux не используете, в componentDidMount или методе в котором получаете данные.

Ваш пример написан некорректно. Исправленный вариант:

const funcName  = () = > dispatch => {
  return dispatch({
    type: NAME_TYPE,
    payload: lol
  });
}

Что значить dispatch в данном коде?

Это первый аргумент который использует функция, возвращаемая вашим AC:

dispatch => {
  return dispatch({
    type: NAME_TYPE,
    payload: lol
  });
}

Если подключен redux-thunk он перехватывает все функции возвращаемые AC и выполняет их, передавая первым аргументом store.dispatch.

Почему мы его не передаем как аргумент в скобках?

Если правильно вас понял, то при передаче одного аргумента парсер одинаково обрабатывает оба варианта записи:
const foo = (bar) => bar;
и
const foo = bar => bar;

Еще, в данном примере нет никакого смысла возвращать функцию, так как выполняются бессмысленные операции(перехват промежуточным ПО и новый диспатч), ваш AC можно сократить до:

const funcName  = () = > ({
  type: NAME_TYPE,
  payload: lol,
});

Почитате про flex, flex-direction, justify-content и align-items.
Пример 1
Пример 2

1. У вас функция называется getTax, а возвращает цену с налогом. Не надо так. Возвращайте только налог.

function getTax(price) {
  return price / 100 * TAX;
}

2. Чтобы посчитать total с налогом достаточно:
var totalWithTax = total + getTax(total);

Не надо использовать bootstrap, он переопределяет стили многих базовых элементов. Ваш виджет быстро стилизовать и без него.
В остальном, для изоляции можно использовать БЭМ. Стили лучше называть с заглавной буквы по названию вашего виджета:

My-Widget__item {

}

и тд. Это должно с 99.9% вероятностью исключить возможные конфликты.

Не надо копить, а затем отправлять все данные сразу. Коллекциями их принято только забирать с сервера.
1. Каждое добавление карточки это POST запрос на добавление одной карточки.
2. Каждое добавление записи это POST запрос на добавление записи.
3. Каждое обновление записи или карточки это PUT/PATCH запрос с обновленными данными одной записи/карточки.
4. При удалении карточки, если записи лежат отдельно, на стороне сервера надо их так же удалить.

var elements = document.getElementsByClassName('my-class');
Array.prototype.forEach.call(elements, function(element) {
  emement.addEventListener('click', function(e) { /* ... */ });
});

var elements = document.getElementsByClassName('my-class');
for (var i = 0; i < emements.length; i++) {
  elements[i].addEventListener('click', function(e) { /* ... */ });
}

ES6:

const elements = document.getElementsByClassName('my-class');
for (let element of elements) {
  emement.addEventListener('click', e => { /* ... */ });
}

Выведет в консоль индексы всех страниц по size и limit:

function getPageIndexes(size, limit) {
  var start = 0;
  while(true) {
    if (start >= size) break;
    var end = Math.min(size, start + limit);
    console.log(start, end);
    start += limit;
  }
}

Демо

Неправильный подход к разработке. Варианты, как это сделать правильно:
1. Данные забираются Ajax запросом по API
2. Если хотите отдавать данные со страницей, можно записать в любой тег в атрибут data-state или в тег скрипт, в ключ window.__data
3. Можно написать node сервер с SSR и делать рендер на стороне сервера.

.my-selector ul {
}

.my-selector li {
}

Изучайте всю спецификацию, не прогадаете.

Можно использовать нативный скрытый checkbox. Использовать его можно будет как контролируемый, так и как самостоятельный элемент. Слушать onChange или использовать ref. Стилизовать его можно под что угодно. Чтобы работало, надо обязательно использовать элемент label.
Думаю, это самый универсальный и оптимальный вариант для этой задачи.
Пример с использованием StyledComponents:

Ни одно свойство не является обязательным.

Если отображаете в списках имя пользователя, то лучшим вариантом будет, на сервере добавлять к каждому заказу пользователя в поле linked. Так вы получите все необходимые данные за один запрос.
Либо, что-то вроде:

componentDidMount() {
  this.fetchData();
}

async fetchData() {    
  try {
    const orders = await fetch('orders-path', options).then(response => response.json()); 

    const users = {};
    for (let i = 0; i <= orders.length; i++) {
      const id = orders[i].user_id;
      const user = await fetch('/user/' + id, options).then(response => response.json());
      users[id] = user;
    } 

    this.setState({ orders, users });
  } catch (e) {
    // handle error
  }
}

Перевести в SVG