Почему внутренний React компонент не ререндерится после изменения стейта?

Что именно не обновляется то?

Почему не вешается обработчик на react компонент?

KirylLapouski, вы скажите, что у вас не работает? В консоли знаки !!! появляются?

Почему не вешается обработчик на react компонент?

KirylLapouski, скопировал ваш код и добавил входное свойство description в компонент. Все отлично работает.

Проблема с linear-gradient в Chrome у элемента списка li при display: table-row?

у меня с градиентами

Как исправить эту ошибку верстки?

DmitriySwan, если бы это была единственная беда этого сайта. Свернул в мобильный вид и тут же вот:

А это вообще какой-то абсурд:

Защита от пользователя? Или вы или ваши заказчики наивно полагаете, что разработчики конкурентов не смогут похитить прекрасный код этого сайта и даже сделать так:

Вынужден вас огорчить, чтобы вернуть стандартное поведение достаточно написать в консоли:

document.oncontextmenu = true;
document.onselectstart = true;

А чтобы посмотреть код, лишь открыть панель разработчика через меню.
Страдают только ваши пользователи. А, сравнивая с конкурентами, в безуспешной попытке скопировать название компании или адрес чтобы загуглить, потенциальные клиенты закроют ваш сайт и забудут.
Я бы на месте поисковиков сливал такие сайты в самый низ выдачи. Пользовательский опыт, ИМХО, получается очень поганый.

По вашему вопросу штрудите матчасть. Тут в два клика не поправишь, таблицы все таки.

Адекватный ли конструктор?

vetsmen, не правы. Классы ES6 лишь синтаксический сахар для конструкторов и прототипов.
Перед тем как писать бекенд не мешало бы хорошо изучить матчасть, как это принято делать на JS, посмотреть репозитории с типовыми проектами. Изучить паттерны. Фреймворки, их возможности, структуры, организацию архитектуры и лучшие практики.
Не надо писать велосипеды. Изучайте примеры хорошего кода и повторяйте их на практике.

Как вывести запрашиваемые данные из JSON (Reactjs api call)?

Анатолий Жаров, ну это не мое мнение, а стандарт принятый в JS сообществе. Как минимум, такой код не пропустит линтер с правилом no-unused-vars.
Смотрите тут с первого взгляда видно, что аргументов нет, какой бы большой функция не была:

() => {
  // some big function stuff
};

А тут мало того, что это видно только вам, так еще и определяется локальная переменная _, которая не используется:

_ => {
    // some big function stuff
};

Как вывести запрашиваемые данные из JSON (Reactjs api call)?

Если вы хотели сделать debouncing в хандлере, то сделали его неправильно. Вы никуда не пишите таймаут и каждый раз определяете новый. Исправить можно так:

handleInputChange = e => {
  const { value } = e.target;

  clearTimeout(this.timeout);
  this.timeout = setTimeout(() => this.fetchUsers(value), 1000);
};

Так же неправильно использовать нижнее подчеркивание когда отсутсвуют аргументы. Его используют для неиспользуемых аргументов в кейсах вроде:
(_, props) => props.id;

Почему props меняется сразу для всех, а не для каждого отдельно, react/redux?

ch-aqwer, вы бы код свой хоть сбросили для начала.
Все зависит от задач которые перед вами стоят, если это проект который пойдет в production и будет еще много подобных сущностей, то лучше написать boilerplate, если просто балуетесь или учитесь, то можно и поправить внеся минимальные изменения, закрывая глаза на такие вещи как архитектура, масштабируемость, связаность кода, вопросы поддержки и прочее.

В теге к вопросу вы указали redux, поэтому я написал совет, как это решить с помощью redux.

Что это значит на гитхабе?

Вы открыли PR, если его подтвердят, то можете считать, что вложили маленькую лепту в open source.

Почему props меняется сразу для всех, а не для каждого отдельно, react/redux?

ch-aqwer, мы в проекте свели такие сущности вот к такому интерфейсу:

const {
  reducer,
  actions,
  selectors,
  api,
  actionTypes,
} = generateCrudBoilerplate(
  'products',
  {
    getList: () => `/api/products`,
    getOne: id => `/api/product/${id}`,
    add: payload => `/api/product/`,
    remove: id => `/api/product/${id}`,
    edit: (id, payload) => `/api/product/${id)`,
  }
);

Генерируется все. Проект большой CRUD сущностей много и использование такого генератора оправдывает себя по полной.

Почему props меняется сразу для всех, а не для каждого отдельно, react/redux?

ch-aqwer, такие вещи генерируют через CRUD boierplate для всех сущностей c CRUD интерфейсом. Один из самых лучших и гибких вариантов для redux.
Переделаете в statefull компонент и придется для каждой сущности писать похожую логику в компонентах, а так же отказаться от redux. Чем тупей элемент списка, тем лучше. Он, по-хорошему, должен получить свойства в зависимости он них, что-то показать и прицепить хандлер на событие. А вы в нем всю логику хотите реализовать.
Ресерчте в сторону redux CRUD boilerplate

Как обратиться к аргументам конструктора класса?

neoneel, можно в реализации ведь итак идет обращение к this.add.

Возможна ли рекурсия в js через setTimeout?

$.when берет на вход deferred объект и возвращает его Promise версию. setTimeout не является ни первым, ни вторым. Колбек then выполнится быстрей чем колбек setTimeout. Конструкция бессмысленна.
Так же, тут отсутствует цепной return из рекурсивных вызовов необходимый автору.

Как обратиться к аргументам конструктора класса?

neoneel, задавать значения так же. Метод add естественно надо будет переделать.

Как обратиться к аргументам конструктора класса?

neoneel,

class Node {
  constructor(data) {
    this.data = data;
    this.prev = null;
    this.next = null;
  }
}

В самом списке появится ссылка на последний элемент и методы получения и удаления n-ого элемента с конца. Опционально метод добавления элемента в начало списка.
При удалении надо будет переписать this.next предыдущего элемента и this.prev следующего за удаляемым.

Как-то так.

Как обратиться к аргументам конструктора класса?

neoneel, это простейший вариант. Все зависит от требований к реализации. Можно реализовать дополнительные методы. Или список может быть и дусвязным.

Почему не срабатывает событие onload у img?

Странно, что никто не заметил, что в коде стандартный конструктор Image переопределен React компонентом. Причина проблемы именно в этом.

Как обратиться к аргументам конструктора класса?

neoneel, обновил ответ. Добавил одну строку в конструктор:

Array.prototype.forEach.call(arguments, data => this.add(data));

Что-такое arguments читать тут.

arguments это массивоподобный объект, но он не имеет в прототипе методов массива, в частности forEach, поэтому forEach вызывается из прототипа массива.

Как обратиться к аргументам конструктора класса?

neoneel, что именно сработает? Опишите задачу, вы хотите создавать не пустой лист, а с начальными данными?