Александр Серый

А - асихронность.
Упростим ваш код:

function() {
  func(function() {
    var array = new Array();
    return array;
  })
}

Ваш код в третей функции исполняется во второй(которую мы вызываем), в первой ни array, ни return array доступен не будет. Более того, если сделать так:

function() {
  var array = new Array();
  func(function() {
    // Меняем тут array
  });
  return array;
}

Будет возвращать пустой массив!
В чем же дело? Вы отправляете запрос на сервер, а код исполняется дальше. То есть третья функция может быть вызвана в любой момент - когда придет ответ от сервера. Можно использовать сихронный вариант, но это плохая идея.
Решения, как всегда, два: callback и Promise.
Решение с callback:

function(callback) {
  func(function() {
    var array = new Array();
    callback(array);
  })
}
// Использование 
func(function(array) {
  console.log(array);
});

Решение с Promise сложнее и требут знание промисов, собственно говоря. Но в использовании оно проще

function() {
  return new Promise(function(resolve) {
    func(function() {
      var array = new Array();
      resolve(array);
    });
  });
}
// Использование
func().then(function(array) { console.log(array) });

К прочтению о Promises

Правильно как-то так https://jsfiddle.net/zd41nf9u/

div с инлайновой картинкой на фоне, и div с классами .col-md-offset-9 .col-md-3, внутри которых контент. И заголовок position: absolute c отрицательным left. Оранжевая линия и треугольник через after и before.

1. Отключить внешние раздражители - очень важно. Телевизор и подобное лучше вообще убрать подальше.
2. Научиться правильно отдыхать, в том числе - чтобы голова отдыхала. Закончили работу - переключайтесь на то, что происходит вокруг, общайтесь, забудьте вообще о работе. Можете 10 минут удерживать "пустоту" в голове, не думать ни о чем? Чтобы ни одна мысль не пролезла в голову? Дайте мозгу "проголодаться", сразу станет интереснее.
3. Ваша проблема - не только Ваша, с ней сталкиваются практически все так или иначе. Приходится учиться, находить свой ритм работы и отдыха. Допустим, отдыхаете каждые полчаса. Каждый раз, завершив какую-то подзадачу, ставите отметку "выполнено". В связи с этим - полезная техника: составляйте план из микрозадач и, по мере их выполнения, ставьте галочки напротив каждой выполненной задачи. Мелочь, а хорошо помогает в плане концентрации.
4. Одной из причин может быть то, что Вы ставите перед собой сразу много обязанностей, мозг воспринимает это как неподъемную задачу и блокирует ее выполнение. Разбивайте задачу на более мелкие и не обещайте себе выполнить непременно все. Отдыхайте, переключайтесь, развлекайтесь.
5. Не держите все в голове - записывайте. Разгружайте голову. Когда занимаетесь - ведите подробные конспекты. Это помогает структурировать информацию. На экзамене очень выручает - Вы вспоминаете не информацию из учебника, а то, что сами записали в конспект, как будто это Ваше творение. Вам остается только воссоздать свой конспект на листочке, что обычно происходит легко, как будто само собой.
6. Лучший отдых - это перемена занятий. Найдите противоположный вид деятельности, например, спорт, и работайте с реальной отдачей, до изнеможения. Уровень концентрации в вашей основной области повысится в разы.
Пробуйте, ищите, учитесь. Есть целое направление - brain fitness, посмотрите, может, найдете что-то полезное и для себя.

Как верно подметил ruddy22 в production версию продукта попадают не все модули, использующиеся при разработке. К примеру, если вы хотите минифицировать модуль, то, скорее всего будете использовать уже готовые продукты, которые в его использовании не пригодятся.

Если совсем коротко, то модули из devDependencies не будут установлены в production. Вот и всё.

попробуйте mern.io

Список книг:

• "ES6 и не только" Кайл Симпсон. - очень хорошая книга, достойна чтобы просто прочитать, переведена достаточно хорошо.
  
• Learning JavaScript Design Patterns автор Addy Osmani примеры правда большинство относятся к ES5, что можно подчерпнуть как там выглядить паттерны, ну какой должен быть хороший стиль, очень хорошая книга
  

Ещё один способ, берет библиотеку jQuery и разбирайте её на части)) очень интересное штука и занимает многие вечера. Но пользы будет очень много. Ибо когда-то это библиотечка произвела фурор)

У React ниже порог вхождения, но если для создания соц. сети, то тут есть подводный камень в виде пользовательского соглашения - если напишите конкурента фейсбука на React, то фейсбук имеет право прийти и нагнуть вас за такие дела. Не в курсе убрали они это или по сей день актуально.
И зря вы так боитесь Redux изучать там практически нечего - есть статья в картинках как для детей, и мучиться с ним вообще не надо. Мне так думается, что с новым ангуляром вы намучаетесь намного больше, чем с React + Redux (Typescript + RxJS + DI + особенности фреймворка + подводные камни).
В остальном полностью согласен с Олег Гамега.

Лучшее объяснение Redux что я видел.
getinstance.info/articles/react/learning-react-redux