Максим

Поскольку "запрос даже не вызывается", значит проблема в форме (не вижу в коде кнопки для отправки формы), далее нужно смотреть функцию handleSubmit и искать проблему там, если она есть.

лучше писать в constructor() чем в render(). т.к bind будет происходить каждый рендер (onClick = {this.func.bind(this))

Именно так и есть. То есть "уйдет больше памяти" , так как она будет расходоваться из-за постоянного определения новых (анонимных () => {...} ) функций.

Еще можете использовать плагин для babel: transform-class-properties и тогда сможете писать сразу так:

class BlaBla extends React.Component {
  myFuncWIthThis = () => {
     ....
  }
  render() {
    <button onClick={this.myFuncWithThis}>Click me</button>
  }
}

Один из вариантов:
Вам нужно отрисовать компонент Popup внутри вашего родителя, и у Попапа сделать атрибут isVisible, который менять в state родителя.
Таким образом, когда придут новые данные вы можете просто setState вызвать и показать попап.

По реакту/js могу проконсультировать.

Либо на codementor.io
ссылка не вставляется нормально:

https://www.codementor.io/experts?q=javascript&lang=russian

p.s. неоднократно уже задавался такой вопрос (линк)

Ваш стэк может попасть под аббревиатуру MERN (Mongo, Express, React, Node), по ней много рецептов в гугле. Если бы вы уже указали что умеете, было бы проще.

Задача по частям (если вы умеете верстать):
1) сделать API сервер (на node, на фреймворке для ноды - express или на koa или еще на каком-то), следовательно, прочитать что такое REST API, затем гуглить REST API exrepss mongodb и т.п.
2) Сделать веб-морду для этого: страница логина, страница изменения информации.
2.1) берем react + redux + react-router и вперед. По полочкам учим каждый из моментов, если нет знаний. Сначала react (форма + изменение данных в ней, потом асинхронная загрузка картинки с прелоадером - это все отличные задачи, никакого redux). Затем таже самая загрузка картинки, но уже с redux. Это даст базовые понятия. Затем связываете ваш фронтенд (пункт 2) и бэкэнд (пункт 1) в единое целое.

есть достаточно простой и кастомизируемый (не сильно) компонент: react-chartjs-2

Залезли правильно, почитайте еще readme как собрать этот пакет. Наверняка, автор держит шаблон в одном месте, а итоговая "библиотека" собирается в один файлик. Поэтому вам нужно "сбилдить" этот проект, внеся изменения в template.

Как сказали выше, когда вы (или кто-то другой) попробует скачать этот модуль из npm изменения потеряются. Поэтому вы можете либо сделать форк и указать в package.json ссылку на свой репозиторий, либо (если функционал хорош) сделать форк и отправить пул-реквест автору.

{
  test: /\.scss$/,
    use: [
        'style-loader',
        'sass-loader', // поменять местами с css-loader
        'css-loader' // поменять местами с sass-loader
    ]
},

Простыми словами так: сначала scss код проходит через sass-loader, потом этот код проходит через css-loader, и это все потом впихивается в style через style-loader. Порядок снизу вверху.

Для верстки сайтов с анимацией реакт не пригодится.
Для создания какой-нибудь "динамической" составляющей на сайте пригодится. Но представить это на обычном лендинге/сайте сложно. Делать слайдшоу, всякие таблицы с сортировками (небольшие же) и прочее - для всего этого отлично jquery подходит.

Реакт пригодится вам, когда интерактива будет много. То есть, когда это будет веб-приложение (примеры: вк, яндекс маркет, сам яндекс в принципе и тд). Когда юзер может нажимать на множество элементов и что-то должно происходить взаимосвязанно.

Конечно глобальные. У вас один тэг body на всю страницу. Где бы вы не задали ему новые стили - это коснется всего проекта. Тоже самое касается и вашего div'a куда вы монтируете свое приложение.

На "сайте" можно использовать реакт для отображения какого-то динамического куска. А можно весь сайт сделать "одним динамическим куском" - тогда это называется SPA (single page application, одностраничное приложение).