Как отобразить POST data в react?

Wasya UK, ошибся по невнимательности. Не туда tweets в state добавил. Правильно так:

constructor(props) {
    super(props);
    this.state = {
      form: {
        username: '',
      },
      tweets: [],
    }

    this.onFormSubmit = this.onFormSubmit.bind(this);
    this.handleChange = this.handleChange.bind(this);
  }

Ответ поправил.

Можно ли переходить на изучение фреймворков?

nakree, я когда-то детально разбирал исходники Backbone.js и пробовал писать похожие вещи. Да это, безусловно, развивает. Так же, заглядывайте в исходники популярных библиотек и инструментов. У React они, правда, сложные и запутанные. Но надо понимать, что React это совершенно другой уровень. virtual dom в купе с состоянием компонента и методами жизненного цикла избавляет разработчиков от целого ряда проблем.
Вот интересная статья о том когда и почему хорошо использовать react

Можно ли переходить на изучение фреймворков?

nakree, потому что в 2015 на волне хайпа выдалось поработать в одном из них.
1. За время разработки, естественно, родилась библиотека.
2. Проект писали очень долго, если бы использовали фреймворк, думаю время бы сократилось как минимум втрое.
3. Вопросы масштабирования лютая боль. В то время как проекты на React + Redux отлично масштабируются и вертикально и горизонтально.
4. onboarding проходит гораздо дольше, ведь программистам приходится учиться работать с уникальными велосипедами и подходами в проекте. Производительность их труда ниже.
5. Поддерживать большой живой и развивающийся проект тяжело. В итоге обычно начинают писать новый функционал на фреймворках и по возможности переписывать старый. Большинство проектов написанных в ту пору давно переписаны на фреймворках.

Можно ли переходить на изучение фреймворков?

Insolation, большие проекты точно не обходятся без redux, либо одной из альтернатив. По поводу небольших есть статья.
Изучайте параллельно, у него очень простой API. Но придется научиться правильно решать типовые кейсы. Тут вам помогут статьи, stackoverflow, github.

Можно ли переходить на изучение фреймворков?

davidnum95,
https://vuejs.org/v2/guide/team.html , https://github.com/vuejs/vue/graphs/contributors
Дальше как и в любом подобном проекте, обрастающем огромным сообществом и экосистемой, Evan You будет играть все меньшую и меньшую роль.

Можно ли переходить на изучение фреймворков?

Insolation, во-первых официальный сайт react. Там и вся документация и хороший туториал. По redux можете посмотреть курсы от Дэна Абрабова на egghead.
Вам придется изучить Webpack. У Кантора есть отличный, правда морально устаревший скринкаст на Youtube. Если смотреть параллельно с новой документацией и выполнять примеры с правкой на изменения в ней, то вообще отлично заходит.
Так же поищите все видео с egghead(link). Там есть и по Redux Saga и много по чему еще.
Статьи на темы Ducks Pattern, File Type First Architecture, Feature First Architecture.
Хороших статей очень много.
Смотрите стартовые боилерплейты на Github, а так же примеры приложений.
Информации очень много на самом деле.
Курс по redux-saga

Как динамически добавить Route'ы в Реакте?

Nikita Shchypylov,

this.props.history.push({
  pathname: '/template',
  search: '?query=abc',
  state: { detail: response.data }
})

В целевом компоненте:
this.props.location.state.detail;

Как создать массив картинок на JavaScript?

Java и JavaScript это разные языки программирования.

Как отлаживать медиа-запросы если монитор не позволяет?

ne_pes,
Купите себе нормальный монитор.

Sticky плагин как у ВК?

Такое поведение реализовать достаточно просто. Тем более есть живой пример.

Почему асинхронный запрос не выполняется?

Очень плохое решение.
1. Во-первых вы так и не починили ключи loading и error. Эти ключи всегда undefined, так как вы не стой стороны исправили проблему.
2. Нет никакого смысла оборачивать массив в Object.keys. Очень нелогичное решение.
Вместо:

{Object.keys(items.items).map(
  (el, ind) => < li key= { items.items[el].id } > { items.items[el].label }</li>
)}

достаточно:

{items.items.map(item => <li key={item.id}>{item.label}</li>)}

3. Вы мутируете в редьюсере массив items, причем опять же каким-то нелогичным способом. Если вы будете передавать в компонент только этот массив, компонент не будет обновляться.

Как отследить на каком ты доменном имени находишься и выдать alert на JS?

bpGusar, таки да. Редко кто www, правда, сейчас использует. Google, Facebook. Больше не знаю.

Как отследить на каком ты доменном имени находишься и выдать alert на JS?

bpGusar, вы дебажите неправильно. Пытаетесь так:

if (window.location.hostname == 'test.ru') {
  console.log('default');
}

А самый верный вариант без условий вывести в консоль и посмотреть, что там за строка:
console.log(window.location.hostname);

Как через медиа запрос перенести блок на другую строчку через flex box?

Либо wrap, либо костыли.
Лучше сделайте без костылей.

Javascript фреймворки - дань моде или быстрота и удобство?

Мир фронтенда охватила волна фреймворков еще в 2010 году. Ответы на все ваши вопросы легко ищутся поисковиком.

Как настроить dock на двух мониторах?

а когда курсор к нижней границе переносите разве dock не переходит на активный монитор?

Как сделать печать в верхнем регистре только буквы "a"?

Bhudh, об этом я совсем не подумал. Добавил в ответ. Спасибо!

Как инициализировать свойство объекта асинхронной функцией?

jtag_, вы точно, что-то хотите сделать неправильно. Опишите свою задачу.
В синхронном коде вы никак не добьетесь такого результата:

let obj = new AsyncComponent();
console.log(obj.data);

Так разумно инициализировать компонент данные которого используются либо в нем самом, либо в потомках, либо в компонент предается колбек и в нужный момент вызывается.

Как инициализировать свойство объекта асинхронной функцией?

jtag_, если объект представляет собой экземпляр данных, то не надо так делать.Получайте данные, а затем создавайте объект.Если это компонент, то тут разумно сделать это при инициализации.:

class Component {
  constructor() {
    this.fetchData.then(() => this.render());
  }
  ...
}

или:

class Component {
  constructor() {
    this.init();
  }
  async init() {
    const { data } = await this.fetchData();
    this.data = data;
    this.render();
  }
  ...
}

Как передать состояние родительского компонента в дочерний?

Роман Александрович, я ответил Игорю, что не надо делать так:
this.state = this.props.state;
По вашему примеру ничего не комментировал. Разве хочется сказать, что лучше использовать const, а не let для неизменяемых значений. Повышает читаемость кода. Особенно если он сложный.