Антон Спирин

Почитайте любую свежую статью по REST API на PHP Так API никто не пишет:

.get('http://example.com/wp-content/themes/armed/mobile/react.php')

Для решения проблемы с cors, поставьте nginx и добавьте в hosts хост для вашего проекта, и напишите конфиг для nginx, по которому он будет по разным путям вашего хоста перенаправлять запросы на разные порты.
hosts:
127.0.0.1 project
nginx.conf:

server {
  listen 80;
  server_name project;

  location ^~ / {
    proxy_pass http://localhost:3000/;
  }
  location ^~ /api/ {
    proxy_pass http://localhost:3001/api/;
  }
}

Утилита, которой вы парсите query string, возвращает значения в виде строк. Что очевидно.
Вопрос в чем, собственно? Не знаете как string к number привести?
Можно так:

const string = '1';
const number = Number.parseInt(string);

delete не должен же трогать прототип вообще в этом случае

С чего вы так решили?

Третий вызов delete находит свойство b в экземпляре и удаляет его.
Четвертый вызов delete не находит свойство b в экземпляре, спускается по цепочке в прототип, находит там свойство b и удаляет в объекте по ссылке b свойство c. Сам объект b из прототипа через экземпляр удалить нельзя, а любые его свойства можно.
Все по канонам JavaScript.
Почитать.

1. Забудьте о таких подходах в React. Лишняя бесполезная сущность. Лучше вынести в отдельный модуль сами запросы к API.
2. Если используете голый API React, то это самый верный путь, так как при изменении state произойдет обновление компонента и его потомков.

import React, { Component } from 'react';
import { Child } from './Child';
import { getSomeData } from './api';

class Parent extends Component {
  state = {
    data: [],
  };

  componentDidMount() {
    getSomeData.then(data => this.setState({ data });
  }

  render() {
    return <Child data={this.state.data} />;
  }
}

Тыц
Более подробную информацию о том, что прочитали по ссылке уже ищите в Google. Подробно изучите подходы: feature-first, ducks pattern и почитайте о недостатках подхода file-type-first

Глобальная a и локальная а ссылаются на один и тот же объект. Вы переопределяете только локальную a из скоупа функции b.
Ваш код для наглядности можно переписать так:

var a = {};

+function b(c) {
  console.log(a === c);  // true
  c.a = 10;
  c = null;
  console.log(a === c);  // false
}(a);

console.log(a);  // { a: 10 }

Тут а и c ссылки которые ссылаются на один и тот же объект. Вы переопределили c, а продолжает ссылаться на объект.
Почитайте.

Это значит, что в коде, на момент выполнения, нет элементов с классом drop_menu_container. Чтобы в этом убедиться, выведите в консоль element.length и увидите, что длина коллекции 0.
Если вы уверены, что элементы на странице есть, то скорей всего, ваш код выполняется до загрузки страницы.
Можно перенести скрипты в низ страницы, можно обернуть вызов в:

document.addEventListener("DOMContentLoaded", function() {
  var element = document.getElementsByClassName("drop_menu_container");

  console.log(element[0]);
});

Вопрос поставлен некорректно, так как Node.js никак не альтернатива Angular.
Изучайте Node.js и React.
Node для бека, React для фронта.
Можно посмотреть на Vue как альтернативу React, порог входа там ниже.
Но комьюнити и экосистема у React больше.
Angular тяжеловат для новичка, порог входа повыше, а научиться писать на нем правильные вещи тяжелей.
Лучшая IDE для JS и фронтенда в частности Webstorm

Тыц

https://github.com/tangshuang/gulp-css-copy-assets

Просто. Все такие эффекты, в большинстве случаев, основаны на :hover + trasition

selector {
  rule1: $value1_1;
  rule2: $value2_1;
   ...
  ruleN: $valueN_1;
  transition: all $transition_time;

  &:hover {
    rule1: $value1_2;
    rule2: $value2_2;
      ...
    ruleN: $valueN_2;
  }
}

Я так понимаю, самому заглянуть в панель разработчика и посмотреть вам, видимо, религия не позволяет.

Каким образом запустить первых два promise , а параллельно выполнить 3й с первыми двумя ?

Другими словами, параллельно запустить три?

Promise.all([
  promise4000(),
  promise2000(),
  promise3000(),
]).then(result => { 
  // do something
});

Promise.race() вернет вам значение первого завершившегося Promise.

ES5:

function foo(props) {
  var a = isNumber(props.a) ? props.a : 100;
  var b = isNumber(props.b) ? props.b : 200;
  var c = isNumber(props.c) ? props.c : 300;
  var d = isNumber(props.d) ? props.d : 400;
  
  return a + b + c + d;
}

function isNumber(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}

ES6:

const foo = ({ a = 100, b = 200, c = 300, d = 400 }) => a + b + c + d;

foo({ a: 0, d: 500 }); // 1000

А зачем в модульном коде манкипатчить window?
Импортируйте библиотеку в тот файл(модуль) в котором используете.

import libraryName from 'libraryName';

libraryName.someMethod();

или:

import { someMethod } from 'libraryName';

someMethod();

Почитайте документацию к библиотеке, там все есть.

Вариант решения с прозрачной, квадратной png:base64 подложкой.
https://jsfiddle.net/rockon404/44957ne3/