0xD34F

const sum = arr =>
  arr.reduce((acc, n) => {
    Object.entries(n).forEach(([ k, v ]) => acc[k] = (acc[k] || 0) + v);
    return acc;
  }, {});

const result = sum(a);

Обходите массив, считаете все встреченные свойства/значения, оформляете это дело как computed свойство:

groupedItems() {
  return this.items.reduce((acc, n) => {
    for (const k in n) {
      acc[k] = acc[k] || {};
      acc[k][n[k]] = (acc[k][n[k]] || 0) + 1;
    }
    return acc;
  }, {});
}

Выводите с помощью v-for:

<div v-for="(group, groupName) in groupedItems">
  <h3>{{ groupName }}:</h3>
  <div v-for="(value, key) in group">{{ key }} ({{ value }})</div>
</div>

Неправильно импортируете MyCalendar (это в Hello.js). Должно быть

import MyCalendar from './MyCalendar';

вместо

import { MyCalendar } from './MyCalendar';

В качестве events передаёте какую-то непонятную функцию вместо массива (это в MyCalendar.js).

Так:

methods: {
  onClick1() {
    alert('button1 clicked');
  },
  onClick2() {
    this.$refs.button.click();
  },
},

<button @click="onClick1" ref="button">button1: click me</button>
<button @click="onClick2">button2: click button1</button>

??

JSON.stringify(user, (k, v) => v instanceof Function ? v.toString() : v)

А чем setTimeout не устраивает? Добавить переменную, отвечающую за количество отображаемых элементов, если её значение меньше общего количества элементов - сделать ей ++ с задержкой. Как-то так.

Кажется, забыли присоединить контроллер - не вижу нигде ng-controller="plantCtrl".

Так?

Свойство lines в настройках сетки, отдельно для каждой из осей.

Правильно конечно в PHP.

Дело в том, что в JS побитовые операции выполняются над 32-битными целыми числами со знаком, для которых максимальное положительное значение 2147483647. Что меньше, чем 2851871266. Соответственно, получается переполнение.

А если так?

Link - аналогично прочим, Route - первым, до общего.

Так, а в чём принципиальная разница между элементами li? - что-то я таковой не улавливаю. Сделайте массив, содержащий их описания, классы и количество span'ов будут задаваться отдельными свойствами. Дальше обрабатывайте этот массив через v-for. Также добавьте в компонент свойство, которое будет содержать в себе индекс активного элемента, и тогда назначение класса active станет задачей тривиальной:

data: () => ({
  active: null,
  items: [
    { text:  'hello, world!!', numSpans: 3, classes: [] },
    { text:  'fuck the world', numSpans: 6, classes: [ 'yyy' ] },
    { text: 'fuck everything', numSpans: 0, classes: [ 'zzz' ] },
  ],
}),

<ul>
  <li v-for="(n, i) in items" :class="{ active: active === i }">
    <a :class="[ 'xxx', ...n.classes ]" @click="active = i">
      {{ n.text }}
      <span v-for="s in n.numSpans"></span>
    </a>
  </li>
</ul>

.active {
  background: red;
}

computed: {
  reversedItems() {
    return [...this.items].reverse();
  },
},

v-for="n in reversedItems"

Метод setState - асинхронный. Хотите какие-то действия выполнять после изменения стейта - выполняйте их в колбеке:

this.setState(newState, () => {
  // вот здесь
})

Наверное, теряется контекст.

Попробуйте
.catch(this.handleError)
заменить на
.catch(err => this.handleError(err))

Ну как бы так.

Нехорошее решение - хранить в корзине сумму. Из-за этого вы при удалении элемента не можете правильно определить, сколько надо вычесть. Лучше так - хранить не сумму, а сами элементы. Когда сумма понадобится - посчитать её. Например.

const result = [];
for (const n of elements) {
  if (!used.some(m => m.id === n.id)) {
    result.push(n);
  }
}

или

const result = [];

COLLECT_OBJECTS:
for (let i = 0; i < elements.length; i++) {
  for (let j = 0; j < used.length; j++) {
    if (elements[i].id === used[j].id) {
      continue COLLECT_OBJECTS;
    }
  }
  result[result.length] = elements[i];
}

или

const result = elements.filter(function(n) {
  return !this.has(n.id);
}, new Set(used.map(n => n.id)));

или

const result = (function get(ids, i, n = elements[i]) {
  return n
    ? [].concat(ids.includes(n.id) ? [] : n, get(ids, -~i))
    : [];
})(used.map(n => n.id), 0);

или

const result = [...used.reduce(
  (acc, n) => (acc.delete(n.id), acc),
  new Map(elements.map(n => [ n.id, n ]))
).values()];

Например:

$.getJSON('https://api.cdnjs.com/libraries/jquery', function(data) {
  $('body').append(`<pre>${JSON.stringify(data, null, 2)}</pre>`);
});

Или, если вам непременно список нужен, можно так:

const toHTML = val =>
  val instanceof Object
    ? `<ul>${Object.values(val).map(n => `
         <li>${toHTML(n)}</li>`).join('')}
       </ul>`
    : val;

fetch('https://api.cdnjs.com/libraries/jquery')
  .then(r => r.json())
  .then(r => document.body.insertAdjacentHTML('beforeend', toHTML(r)));

Метод handleCartPriceChange, замените

this.setState({ price: this.state.price + price, title: [this.state.title+title]});

на

this.setState({
  price: this.state.price + price,
  title: this.state.title.concat(title)
});

str_replace($alphabet, array_keys($alphabet), $str)

И вы явно что-то в своём алфавите пропустили - в вашем примере 'к' это 10, а должно быть 11. Забыли про 'ё'?