Дима Паутов

const salaries = {
  a: 1,
  b: 2,
  c: 3
};

console.log(Object.values(salaries).reduce((accumulator, value) => accumulator + value))

Да

Формам добавить общий класс, любой на выбор

<button class="resetForms">Очистить форму</button>

$('.resetForms').on('click', function (event) {
  event.preventDefault();
  $('ваш класс с формами').trigger('reset');
})

<template>
  <ul  class="nav flex-column nav-pills side-nav" id="v-pills-tab" role="tablist" aria-orientation="vertical">
    <li 
      class="list-group-item"
      v-for="(menuItem, index) in menu"
      :key="index"
      :class="{
        active: $route.path === menuItem.url
      }"
    >
      <router-link :to="menuItem.url">
        {{ menuItem.title }}
      </router-link>
    </li>
  </ul>
</template>

export default {
  data: () => ({
    menu: [
      {
      	title: 'Перспективное меню',
        url: '/nutrition/foodmenu'
      },
      {
      	title: 'Журнал питания',
        url: '/nutrition/journal'
      },
      {
      	title: 'Амбарная книга',
        url: '/nutrition/ambarbook'
      }
    ]
  })
}

Или коротко:

<ul  class="nav flex-column nav-pills side-nav" id="v-pills-tab" role="tablist" aria-orientation="vertical">
  <li class="list-group-item" :class="{ active: $route.path === '/nutrition/foodmenu' }"> <router-link to="/nutrition/foodmenu">Перспективное меню</router-link></li>
  <li class="list-group-item" :class="{ active: $route.path === '/nutrition/journal' }"><router-link to="/nutrition/journal">Журнал питания</router-link></li>
  <li class="list-group-item" :class="{ active: $route.path === '/nutrition/ambarbook' }"><router-link to="/nutrition/ambarbook">Амбарная книга</router-link></li>
</ul>

т.е. ручками у каждого пункта, иных решений нет.
P.S. это самое галимое решение!

2й читается лучше на мой взгляд, а так разницы никакой.

Разница лишь в возможностях обоих подходов.

Во 2м можно написать некую свою логику до return и создать или заменить исходное значение свойства на новое.

Как пример:

const mapStateToProps = ({ user, data }) => {
  const myProp = localStorage.get('myProp');

  return {
    myProp,
    user,
    data
  }
};

Исходя из вашего 1го примера, его можно ещё короче записать.
const mapStateToProps = props => props;

Какой только смысл в этом!!! Так вообще не читается, что внутри props лежит, фиг его знает... Зато коротко и экономит несколько байт

array.prototype.map

Потому что для него нет стилей

А накой чёрт создавать 100500 инстансов??
Раз хотите разделять endpoint'ы то создайте 1 инстанс, а от него создайте сервисы для разных модулей

// api.js
import axios from 'axios';

const API = axios.create({
  baseURL: 'https://mysite.com/api',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': process.env.TOKEN,
  },
  withCredentials: true,
});

API.interceptors.response.use(response => {
  console.log('yeeeeeeeeeeeeeeeeeeeeeeeee');
  console.log(response);

  return response;
}, error => {
  console.log('fuuuuuuuuuuuu');
  console.log(error);

  return Promise.reject(error);
});

export default API

// services/cart.js
import API from 'api'

export default {
  async getCart () {
    const { data } = await API.get('/cart')
  }
}

// services/catalog.js
import API from 'api'

export default {
  async getCatalog () {
    const { data } = await API.get('/catalog')
  }
}

С остальными по аналогии

Ну и использование:

// main.js
import { getCatalog } from 'services/catalog'
import { getCart } from 'services/cart'

async (() => {
  await Promise.all([
    getCatalog(),
    getCart()
  ])
})();

https://jsfiddle.net/q18kuj3v/

Наверное речь про это:

try {
  const response = await Promise.all(map(list, ({address}) => ymaps.geocode(`address`)))
  const coordinates = map(response, (coordinate) => coordinate.geoObjects.get(0).geometry.getCoordinates());
  allCoordinates.push(...coordinates);
} catch (error) {
  this.props.onError();
}

потому что ваш селектор указывает на div, а не на ссылку. Измените селектор следующим образом:

.centr{
    text-align:center;
    margin: 30px;
    font-size: 150%;
    font-weight: bold;
}

.centr a {
    text-decoration: none;
}

Да, всё так как вы описали.

Насчёт OAuth конечно я бы не сказал, что прям это супер обязательно, иногда можно прибегнуть просто к jwt токену. OAuth по мимо безопастности даёт ещё много преимуществ, например как единый сервер для авторизации пользователей для множества проектов. Как по сути всякие соц. сети дают возможность. Если у вас простой проект и в нём нет каких либо очень важных данных, то можно и без OAuth обойтись. Это просто моё мнение))