Не броская на первый взгляд сущность – как реализовано это шаманство?

dupre, найдите спрайт с SVG иконками на странице, там будет элемент filter с id #the_noise

Как проверять input на текст?

Валерий Гутин,

$("#vk").on('input', function(e) {

});

PHPstorm - удобен ли для верстки и для работы с js?

Webstorm + PHP + Базы данных

Как подкорректировать response при запросах к json server?

Причем тут вообще React? Код своего сервера покажите.

Как переписать эту лапшу?

Igor Makarov, Пойдет.
Но привести бы еще результат выполнения isArticleHasMetaOrWhateverItIs() к boolean:

spoiler

isArticleHasMetaOrWhateverItIs() {
   return Boolean(
     this.article.section &&
     this.article.title &&
     this.article.description
   );
}

или

isArticleHasMetaOrWhateverItIs() {
   return !!(
     this.article.section &&
     this.article.title &&
     this.article.description
   );
}

Как загрузить и обработать файл JSON?

Valen96, вы должны понимать, что получить доступ сразу вы не можете, так как вызов XMLHttpRequest асинхронный и завершится через определенный промежуток времени. Пишите код в колбеке.

loadJSON(onDataLoad);

const onDataLoad = data => {
  console.log(data);
}

Я бы рекомендовал использовать Promise и async/await
axios отличная библиотека для AJAX запросов на промисах.

Что означает ошибка "React is running in production mode, but dead code elimination has not been applied"?

WarriorKodeK, у вас пресеты babel не в том порядке и опция { modules: false } не передается.

Как правильно написать условие?

RushV, можно.

Как правильно распарсить json файл?

Вам стоило начать с изучения JavaScript.

Как правильно написать условие?

RushV, можно вывести и сделать все, что угодно. Пример.

Как получать данные в компоненте react?

Moro Zota, попробуйте почитать самые релевантные статьи по этому запросу. Ваши хосты localhost:3000 и localhost:5000 это два разных домена. Отсюда и проблема.
Проблему так же можно решить с помощью nginx. Посмотрите этот ответ.

Как правильно сделать маршрутизацию react-router-dom?

zayalexnick, тогда надо убрать exact:

<Switch>
  <Route path="/auth" component={Auth} />
  <Route path="/" component={Main} />
</Switch>

Логика работы роутера проста до безобразия. Switch перебирает роуты по порядку до первого совпадения.

Как правильно сделать маршрутизацию react-router-dom?

zayalexnick, может Switch забыли?

<Switch>
  <Route exact path="/auth" component={Auth} />
  <Route path="/" component={Main} />
</Switch>

Как получать данные в компоненте react?

Moro Zota, кроссдоменные запросы надо разрешить flask-cors.readthedocs.io/en/latest

Как получать данные в компоненте react?

Moro Zota, сервер возвращает html. Он на том же порту у вас? Если нет то надо так:

fetch('http://localhost:HOMEP_ПОРТА/')
      .then(res => res.json())
      .then(data => this.setState({ i: data.i }));

Как получать данные в компоненте react?

Moro Zota,

fetch('/')
      .then(res => res.json())
      .then(data => this.setState({ i: data.i }));

Но лучше использовать библиотеку axios вместо fetch, так как fetch в IE не поддерживается.

Почитать.

Как получать данные в компоненте react?

Что конкретно не получается? Код на React где?

Как использовать Bootstrap, BEM и React?

nakree, судя по этому примеру , вполне удобно. Только на codesandbox подсветки синтаксиса и автодополнения для styled-components нет. Для IDE плагины есть.

JavaScript как синхронный код запустить асинхронно?

Interface, ну так-то оно да.

fon_harry, а чего вы хотите добиться? Если параллельно прочитать файлы и получить их значения то можно использовать readFile и Promise:

const fs = require('fs');

function getData(fileName, type) {
  return new Promise(function(resolve, reject){
    fs.readFile(fileName, type, (err, data) => {
        err ? reject(err) : resolve(data);
    });
  });
}

Promise.all([
  getData('small.txt', 'utf8'),
  getData('big.txt', 'utf8'),
]).then(doSomethingWithResults);

Вместо явной обертки в Promise, можно использовать util.promisify.

const util = require('util');
const fs = require('fs');

const getData = util.promisify(fs.readFile);


Promise.all([
  getData('small.txt', 'utf8'),
  getData('big.txt', 'utf8'),
]).then(doSomethingWithResults);

А вот чтобы параллельно выполнить fs.readFileSync, надо использовать Workers

JavaScript как синхронный код запустить асинхронно?

Синхронное выполнение. Пока не придет результат третья строка выполняться не начнет. Вызов setTimeout не имеет смысла. Ваш код можно сократить до:
callback(null, fs.readFileSync(file, 'utf8'));
Сама функция setTimeout так же просто выполнит синхронный код.