Не встают блоки как нужно + текст никак не выровнять float'ами, как решить?

У вас в начале страницы абсолютное позиционирование, причем тут float?

Как работает Reactjs в связке с php?

sinevik, я сейчас работаю в проекте c ближним беком на Symfony. Работать с бэкендерами приходится каждый день, а вот с их кодом никогда. Программисты универсалы мало где нужны, может разве, в маленьких компаниях. Да и денег за поверхностные знания разных технологий вам больше платить никто не будет, скорей наоборот. Изучайте понемногу параллельно с React Node.js - эти знания вам точно понадобятся.

Что за библиотека использована для этой симуляции космоса и гравитации?

А ссылку не судьба кинуть?

Почему React выдает ошибку?

Разная разметка на клиенте и сервере.

Почему у меня при перезагрузки на страницы пишет 404 ошибка?

Видимо проблема в вашем сервере.
Он должен со всех путей корня приложения отправлять на приложение.
Сбросьте код сервера.

Как вызвать еще один метод при success action-a, react/redux?

ch-aqwer, у вас req2 в req1 используется, а определен ниже. Либо его выше писать, либо в виде функции определить:

function req2(data) {
  return async dispatch => {
    ...
  };
}

Как вызвать еще один метод при success action-a, react/redux?

ch-aqwer, eсли в data вам надо передать ответ сервера, то так:

export const getReq = data => (
  async dispatch => {
    try {
      dispatch({
        type: types.GET_REQUEST,
      });

      const res = await api.getReq(data);
      
      dispatch({
        type: types.GET_SUCCESS,
        payload: res,
      });

      dispatch(req2(res));
    } catch (error) {
      dispatch({
        type: types.GET_ERROR,
      });
    }
  }
);

 Была семантическая опечатка, правильно не req, а res. От слова response

CSS Как заполнить фон под картинкой шумом из палитры изображения?

У вас ваш слайдер итак на JS. Добавить при инициализации дополнительную операцию, а именно, добавление подложки под изображение с backgorund: url('ваше изображение'); background-size: cover; и все. А blur на css filters.

Проблема с moment в react native?

Помню были обсуждения этой проблемы на github. Поищите, там куча вариантов решения.

Как выбрать самое маленькое значение из подходящих под условие в ассоциативном массиве?

thegreatestmafaka, ловите https://jsfiddle.net/m1c5dc30/
вы немного не правильно всю задумку использовали и API браузера.
В фильтры, кстати, можете добавлять несколько значений(например brand: ['audi', 'ford']) и это будет работать, ну и ключей сколько угодно, главное, чтобы в объектах продукта были.

Как в обработчике события получить элемент, к которому он привязан?

IvanIvanIvanIvanIvan, я вам по jQuery в первый раз ответил, так как думал, что вопрос по html, а не по JSX. Вам стоило поставить тег React. С React JQuery использовать не надо.

Касательно использования jQuery в маленьких проектах, он лаконичней, лучше масштабируется, на нем реально быстрей писать и не надо иметь вагон функций хелперов. То же делегирование на jQuery пишется в пару строк.
Я не знаю ни одного аргумента его не использовать и кучу, чтобы использовать.
С появлением ES6 многие люди стали популяризировать VanillaJS подход, но большинство команд, кто его использовал хлебнули трудностей по полной, и многие проекты уже давно переписали с использованием фреймворков, а проекты поменьше с тем же jQuery.

Для лендинга, может сойдет и нативный js. Но тот же bootstrap, например, имеет jQuery в зависимостях.

Как выбрать самое маленькое значение из подходящих под условие в ассоциативном массиве?

thegreatestmafaka, так вам сначала надо отфильтровать данные, а потом искать минимум, отфильтровать можно так:

var sell = [
    {"breed": "sosna", "size": "20x100x6000", "cost": 1500},
    {"breed": "sosna", "size": "30x100x6000", "cost": 2500},
    {"breed": "sosna", "size": "40x100x6000", "cost": 3500},
    {"breed": "sosna", "size": "20x100x6000", "cost": 4500},
    {"breed": "sosna", "size": "30x100x6000", "cost": 5500},
    {"breed": "sosna", "size": "40x100x6000", "cost": 6500},
];

var breed = ["sosna"];
var size = ["30x100x6000", "20x100x6000"];
var params = { breed, size };
var activeKeys = Object.keys(params).filter(function(key) {
  return params[key].length;
});   
  
var filtered = sell.filter(function(x) {
  return activeKeys.every(function(key) {
    return params[key].includes(x[key]);
  });
});

Демо: https://jsfiddle.net/0720wsLa/

На ES6, конечно, лаконичней:

const sell = [
    {"breed": "sosna", "size": "20x100x6000", "cost": 1500},
    {"breed": "sosna", "size": "30x100x6000", "cost": 2500},
    {"breed": "sosna", "size": "40x100x6000", "cost": 3500},
    {"breed": "sosna", "size": "20x100x6000", "cost": 4500},
    {"breed": "sosna", "size": "30x100x6000", "cost": 5500},
    {"breed": "sosna", "size": "40x100x6000", "cost": 6500},
];

const breed = ["sosna"];
const size = ["30x100x6000", "20x100x6000"];
const params = { breed, size };
const activeKeys = Object.keys(params).filter(key => params[key].length);
     
const filtered = auto.filter(x => activeKeys.every(key => params[key].includes(x[key])));

Как выбрать самое маленькое значение из подходящих под условие в ассоциативном массиве?

thegreatestmafaka, не понял вас. Что именно и где выводится два раза? Приведите пример.

Как в обработчике события получить элемент, к которому он привязан?

Rosscian, хааа! Мне стоит быть внимательней. А автору стоит теги к вопросу правильные ставить. Обновил ответ.

Как сделать в react-router при успехе редирект на другую страницу?

Тут как минимум надо использовать redux, react-redux, react-router-redux и, видимо, redux-thunk.
Автор же использует голый react. Хотя, конечно, лучше ему поскорей начать использовать redux.

Если автор использует react-router 4, то использовать react-router-redux не рекомендуется, так как пятая версия поддерживающая react-router 4, все еще находится на стадии бета тестирования и не рекомендована для использования в продакшене.

Где установить обработчик событий?

laguna1132, по поводу SPA на коммерческих сайтах. Смотря какие сайты. Вот например крутой генератор сайтов на реакт https://www.gatsbyjs.org
Я просто не знаю, что вы задумали. Но если вешать обработчик в классе, то вызывайте в конструкторе init(), к котором и вешайте обработчики.

Ну а насчет обучения, то тут конечно же используйте и пробуйте все возможности языка, но не забывайте смотреть как принято организовывать и использовать, те или иные вещи.

Где установить обработчик событий?

laguna1132, обновил ответ.

Как обнаружить в чем ошибка загрузки данных с сервера (React/Redux/thunk)?

evg_96, я на тренировку побежал, как вернусь - помогу вам!

Как обнаружить в чем ошибка загрузки данных с сервера (React/Redux/thunk)?

evg_96, сбросьте еще компонент родитель в котором Comment рендерится

Как обнаружить в чем ошибка загрузки данных с сервера (React/Redux/thunk)?

evg_96, вы, видимо, чистите state до ответа, это провоцирует обновление компонента и достаете селектором undefined. Или же, не используете initial state. Что-то у вас в логике напутано. Сбросьте код, компонента, код родителя, selector, reducer, action creators.
Только используйте тег code, выберите javascript. Три точки на панели форматирования.