Илья Герасимов

Просто добавь await перед axios.get или оберни invoices в Promise.all

await Promise.all(
    invoices.map(invoice =>
      axios('url', invoice).then(data => {
        dispatch({ type: 'PI_SET_INVOICES_PARAMS', payload: data.Model });
      }),
    ),
  );

А в чем смысл? При старте все это выливается в память, а не дергается постоянно с диска, если важен объем модулей, то в lodash можно подключать только нужные функции lodash/map (например). Еще можно сбилдить приложение и запускать, только это вряд ли нужно в backend-части.

npm install animate.css --save
И в своем корневом index.js подключаем:
import 'animate/animate.css';

В конфиге веб-пака должен быть загрузчик для css, примерно это выглядит так:

{
        test: /\.css$/,
        use: [
          {
            loader: 'style-loader'
          },
          {
            loader: 'css-loader',
            options: {
              sourceMap: true,
            },
          }
        ]
      },

scss/sass можешь подключать прямо в styles.scss, например вот так:
@import '~bootstrap/scss/bootstrap.scss'

конечное / начальное * 100 = %

let percent = t_end.getTime() / t_start.getTime() * 100;

Просто вычисли метку конца, метку начала и получи проценты, на код пене все как-то замороченно у тебя

const http = new (function()
{

	this.get = function(url)
	{
		return new Promise((resolve, reject) =>
		{
			const query = new XMLHttpRequest();
			query.open('GET', url, true);

			query.onload = function() {
				if (query.status !== 200)
					return reject(new Error(`End by error ${query.status}`));

				return resolve(query.responseText);
			};

			query.send();
		});
	};

	return this;
});

const posts = http.get('https://jsonplaceholder.typicode.com/posts');

posts
.then(console.log)
.catch(console.log)

Ну примерно так

var TemplateRow = (function() {
	var $container;
	var $containerImages;
	var $containerSongs;
	var $containerText;

	this.create = function() {
		$container = $("<div/>").addClass("single");
		$containerText = $("<div/>").addClass("text");
		$containerImages = $("<div/>").addClass("image");
		$containerSongs = $("<div/>").addClass("doc");

		$container.append($containerImages)
			.append($containerText)
			.append($containerSongs);

		return this;
	};

	this.setTextAsHtml = function(value) {
		$containerText.html(value);
		return this;
	};

	this.addImage = function(url, title, alt) {
		var $block = $("<div/>").addClass("postimage");
		var $image = $("<img/>")
			.attr("src", url)
			.attr("title", title)
			.attr("alt", alt);

		$block.html($image);
		$containerImages.append($block);
		return this;
	};

	this.addSong = function(id, name) {
		var $block = $("<div/>").addClass("song");
		var $blockId = $("<div/>").addClass("numsong").text(id);
		var $blockName = $("<div/>").addClass("namesong").text(name);

		$block.append($blockId).append($blockName);
		$containerSongs.append($block);
		return this;
	};

	this.getContainer = function() {
		return $container;
	};

	return this;
});

$.each(data, function(index, element) {
	var container = new TemplateRow;
	container.create().setTextAsHtml(element.text);

	$.each(element.image, function(imageIndex, imageUrl) {
		container.addImage(imageUrl, "", "");
	});

	$.each(element.song, function(songIndex, song) {
		container.addSong(song.id, song.name);
	});

	container.getContainer().appendTo("#articles #innerarticles");
});

Первую часть вопроса удалось понять по комментам, вторую не допер

var [] = value для массивов
var {} = value для объектов

... берет весь неперечисленный остаток в указанную переменную (spread)

Правильный код твоих вариантов:

var [a,aa,...aaa] = [2, 4, 23];
console.log(a, aa, aaa);

var {a,aa,...aaa} = {a:2, aa: 4, aaa: 23};
console.log(a, aa, aaa);

Например так:

handleSubmit = (values) => {
	values = {...values, someField : values.someField !== undefined ? values.someField : ""};
	return updateById(this.props.user.id, values)
		.then(res => {
			if (res.error)
				throw new SubmissionError({_error:res.error,...res.errors});

			return res;
		});
}

Или сделать так:

initialValues={{
	someField : ""
}}

Но вообще у тебя странное поведение, потому что redux-form отправляет null в случае если значение отсутствует. И логично было бы проверять это на сервере.

Вернуть промис как вариант, добавить:

return fetch('http://xxxxx/')
.....

const web_host = host().then(host => {
    console.log('host', host);
    return host;
})
.catch(err => {
    console.log(err);
})

Можно распарсить как-то так:
/\["(.+?)"\][^"]+\"([^"]*)/g

А лучше отдавать данные нормально, а не пхп-дампом

Имея только значение никак, если имеем индекс текущего значения то просто смотрим следующий индекс.
Если просто по значению то findIndex, но если будут одинаковые значения соотв. это сработает не правильно.

Никак